Firefox：「画像＋文字」をaタグで囲むと画像にも下線（text-decoration:underline）が出る – kikidog

自分用覚え書き。 たとえば、 <a href="hoge.html"><img src="fuga.jpg" />ほんだららった</a> 等としたとき、CSSでaタグに a:hover{text-decoration:underline; なんてことをしておくと、hover時に textではないimg要素にも下線が表示されるようになっちゃうみたい@firefox3.0.3。 暫定的解決策： ■ http://www.webmasterworld.com/forum83/7442.htm <a href="hoge.html"><img src="fuga.jpg" /><span>ほんだららった</span></a> 上記のようにテキスト部分をspanでくくっちゃって、 a:hover span{text-decoration:underline;} としてやるとテキストだけにunderl

[totttte]

引っかかった。　対処方法はspanタグを入れる。

[futomo]

引っかかった