CodeWeb: [CSS]クロスブラウザな半透明フィルタ

IEには独自拡張のCSSでフィルターが使えます。こいつは便利なやつで半透明化やらグラデーションやら色々出来るのですが、なんだかんだ言っても独自拡張。互換性がありません。 しかし、アルファ値に限って言えばは他のブラウザでも独自拡張にて実装されているのでクロスブラウザ化することが出来ます。（クロスブラウザってJavaScript以外でも呼んでよかったけ？） [Internet Explorer対応] 0～100の数字で制御します。0に近づくほど薄くなります。 MacIEだと確か動きません。 img{ filter: alpha(opacity=20); } [Mozilla / FireFox / Netscape 対応] 0～1の数字、または0～100％で制御します。0に近づくほど薄くなります。 こちらは最新版のMozilla FireFox Netscapeで動作します。 -moz-opa

[webmarksjp]

design

[migiri]

　各ブラウザでの半透明

[hysteric_cat]

それぞれのブラウザに対応した半透明プロパティの一覧。

[ll_koba_ll]

半透明フィルタ

[HeavyFeather]

CSSで半透明化

[DocSeri]

画像に限れば、IE以外へ半透明pngを使うことで解決することも。

[wacky]

IE / Mozilla系 / Safari でCSSによる半透明（アルファ値）指定。