ロールオーバーは、CSSで背景を動かす方法とJavaScriptで画像を入れ替える方法が有名です。

今回はもっと手軽にロールオーバーを実装することができるので、備忘録に残します。

※突貫開発時くらいしか使えないと思います。

※IE6は未対応

div#test a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}