CSSで困ったFirefoxのマウスオーバー

source-code-583537_12801ハイ! リサです。

ホームページ制作の仕事は10年も前なら、デザインが出来れば、仕事は完了したも同然でした。
しかし、今はHTMLを組みあげるのが大変。

ブラウザ毎のCSS解釈に違いがあるので、どうしてもデザイン通り行かない。
個別のブラウザに対してCSSハックするか、どうするか。
そんな毎日の悩みが一つ解決しましたので、お知らせします。

スポンサーリンク
スポンサーリンク

Firefoxのマウスオーバーが揺れる

monitor-93962_1280

ボタンのマウスオーバーで画像を半透明にすることは、よくあります。
他のブラウザは大丈夫なのに、Firefoxだけがピクセルズレ(1pxずれる・ブレたように見える)を起こす現象にずっと悩まされていました。
いままで、画像をブロック化したりして、あの手この手で乗り切ってきたのですが…

一発解決の方法を発見

internet-594148_1280

a img{
box-shadow: #000 0 0 0 ;
}

たったこれだけcssに記述しておけば、改善しました。
理屈はよく分かりませんが、とにかくやってみて。

See you !

© oh yeah Steve!

スポンサーリンク
スポンサーリンク
スポンサーリンク

シェアする

フォローする