Skip to content

contranote.net

  • BLOG
  • DISCOGRAPHY
    • Contranote
    • Compilation
    • Etc.
  • ABOUT
  • BIOGRAPHY
  • Toggle search form

aタグにopacityプロパティを指定する時の注意点:CSS備忘録

Posted on 2016年3月19日 By 二矢

aタグの中に入れた画像をマウスオーバー時に透明にする時なんかによく使う(と思う)opacityプロパティ。PCでは別段問題は起こりませんが、スマホサイトの時は注意。iOS8.4.1(~?)のiPhoneでaタグに疑似クラス:hoverでopacityプロパティを指定していると、2回タップしないとリンクが機能してくれなくなります。

対策:スマホサイトではaタグに疑似クラス:hoverをかけない。

まぁスマホサイトではそもそも不要だと思うんですが、レスポンシブデザインのサイトだとかけてしまってる場合も割とあるかなと思うので。MediaQueryでPCだけにかかるようにしておくと安心。

※備忘録タグの投稿は、過去に使用したソースやプログラムをいつでも参照できるようにする為のメモ書きです。間違ってたり現在は非推奨になってる場合があるかもしれません、ご了承ください。

BLOG Tags:CSS, 備忘録

投稿ナビゲーション

Previous Post: ラデ派離脱
Next Post: 「The Abyss I」リマスタ音源その2

Related Posts

nimes[ニーム]WEBサイト:制作実績(2015/12) BLOG
ヴァズENM初勝利記念SS BLOG
EC-CUBE2の商品ページに構造化データを追加してみる BLOG
夏カゼくらった BLOG
からくり上げ38-41 BLOG
「Aggrieved cry #2」、9/9販売スタート(予定)です! BLOG

最近の投稿

  • EC-CUBE2の送信メールの件名をカスタムしてみた 2019年6月10日
  • EC-CUBE2で注文時の「その他お問い合わせ」にテキスト挿入 2019年5月27日
  • EC-CUBE2の商品画像をレスポンシブなスライダーにする 2019年5月25日
  • EC-CUBE2の受注メモ活用法 2019年5月23日
  • Misery SignalsのVocal交代劇 2019年5月20日

アーカイブ

カテゴリー

  • ABOUT
  • BIOGRAPHY
  • BLOG
  • DISCOGRAPHY

Copyright © 2025 contranote.net.

Powered by PressBook Masonry Blogs