半透明にできるCSSプロパティ/Opacityテクニックを紹介しています。
CSS設定でオブジェクトを半透明にできるプロパティがあります。
IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。
他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。
CSS Opacity in Mozilla,IE, and Opera
http://www.mandarindesign.com/opacity.html
CSS Opacity設定
以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;- IE
- alpha(opacity=透明度);
- 100が100％となる。25％の場合は、25
- Firefox・Netscape
- -moz-opacity:.透明度;
- 1.0が100％となる。25％の場合は、.25
- Opera・Safari
- opacity:透明度;
- 1.0が100％となる。25％の場合は、.25
CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。
参考サイト
- 半透明のグラデーションをかける-タグインデックス
- http://www.tagindex.com/stylesheet/filter/alpha.html
Comments for this entry on FriendFeed.
コメントする