aタグhover時のopacity指定で画像がなぜか動く | それでも世界はまわってるaタグhover時のopacity指定で画像がなぜか動く 2013/11/13 (水) 13:16 [最終更新: 2014/07/01] マウスオン時の画像を用意せずに、とりあえずそれらしい雰囲気を出すのに使うopacity。 よくお世話になっている。 ところが、今回とあるサイトでいつものごとく使ったところ、FireFoxで見るとなぜかhoverさせると画像がわずかに動く。 [css]#header a:hover { opacity: 0.7; }[/css] これは気持ち悪いってことで、調べたら、原因はよくわからないが、background-color を指定することで解消されるらしい。 [css]#header a:hover { opacity: 0.7; background-color: #fff; }[/css] そこで、このようにしてみると、見事に画像が動かなくなった。
