opacityプロパティを使い、透明度を変えて画像をロールオーバーさせる
覚書として。
細かい装飾はできないけど、ロールオーバー用画像をつくらなくてもいいのは楽チン。
画像は若干暗めにつくっておくと、ロールオーバーがキレイ。
opacityはCSS3で勧告予定のプロパティだが、IEを除くモダンブラウザではすでに実装されている。
IEでは実装されていないため、filterを使って対処する。
参考サイト
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック
CSS opacity設定
- IE
filter: alpha(opacity=透明度);
100が100％となる。50％の場合は、50 - Firefox・Netscape
-moz-opacity:.透明度;
1.0が100％となる。50％の場合は、.50 - Opera・Safari
opacity:透明度;
1.0が100％となる。50％の場合は、.50