Blog

IE8対応 画像 opacity

2013.11.26Cat:その他 プログラマー

hoverの場合、画像の明るさを調整したいので、いつものようにcssを書きました。
   

今回はIE8、FF、Safariを対応しないといけないので、

それぞれのブラウザを対応するcssを追加して、確認したところIE8ではうまくいかなかった。

対策方法を検索した結果を

を追加したら、早速うまくいったので、
安心して、本番にアップしたら、本番環境ではうまくいっていない!

cssのパスが違っているか何度も確認しても、テスト環境との違いが見つからない!

それで、cssを変えようとして、また検索したところ、
場合によって、「a」タグの幅と「display: block;」を指定しないといけないみたいです。

試してみたら本番環境もうまくいくようになりました。

cssも同じブラウザでも環境によって、動作がちがうって初めての体験でした。

Author Profile

poe
poe
本心でやれば、できないことはない!。。。。。。
» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ