簡単ロールオーバーCSS

ロールオーバー画像を用意したりするのは面倒なので簡単にCSSでマウスを画像に合わせたときに
ロールオーバーっぽい効果を出す方法

a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}

上記をCSSに追加。

これで
とりあえず画像にリンク指定が入っているものは白っぽい感じになります。