プロが教える店舗&オフィスのセキュリティ対策術

htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。

<style type="text/css">
<!--
img { vertical-align: bottom; }
img { border-style:none; }
a:hover img{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: “alpha( opacity=80 )”; }
a{ text-decoration:none;}
a:hover { text-decoration:underline;}
-->


当方初心者でして詳しい方にご教授いただきたいです。
宜しくお願いいたします。

「a:hoverの下線指定が反映されない」の質問画像

A 回答 (2件)

HTMLソースが無いので、hover がテキストか画像なのかも不明です。



-ms-filter: “alpha( opacity=80 )”;
" が全角担っています。
    • good
    • 0

underlineが下に隠れている。


a img{border:none;}
a:hover{border-bottom:solid 1px red;}
    • good
    • 0
この回答へのお礼

回答ありがとうございます。

a:hover { text-decoration:underline;}

のかわりに

a img{border:none;}
a:hover{border-bottom:solid 1px red;}

を入れれば良いのでしょうか、当方初心者でして理解できずに申し訳有りません。

お礼日時:2015/01/13 10:09

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!