ロールオーバーで透過をCSSで

Design Plus様
CSSだけでマウスホバー時の画像を半透明にする小ワザ

意外と使いますよね。お勉強になります。

css

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

HTML

<a href="#"><img src="画像絶対パス" class="linkimg" /></a



コメントは受け付けていません。