opacityで画像の透明度を変化させて、下の画像を表示する


ボックスのバックグラウンドに下画像を指定し、その上に上画像を配置。マウスオーバーで上の画像を透明に。

a:hover img {
opacity: 0.0; -----(1)
filter: alpha(opacity=0); ------(2)
-moz-opacity: 0.0;------(3)
}

(1)opacity: 0.0; で完全透明、0.5で透明度50%に。
(2)IE用。50で透明度50%に。
(3)古いFirefox用指定。