1月 15

この記事をブックマークする : このページをはてなブックマークに追加 このページをLivedoorクリップ! このページをニフティクリップに登録 newsing it! このページをdel.icio.usに登録 このページをBuzzurlにブックマーク

アマノです。

IE(特に6以下)は、Web関連の仕事をされている方なら
ほとんどの方が知っているように他ブラウザとは
違う動き(バグ?仕様?)が多々あります。

その中で、書かれているのが見つからなかった
CSSの透過(filter:alpha)のちょっとした罠についてです。

このCSSは要素を半透明にしてz-indezが下にある要素を
透過して表示します。
この透過のCSSの書き方はブラウザによって大きく違い、
IE系では filter:alpha(opacity=透過率) と表記し
CSS第三水準では opacity 属性で指定します。

ところがこの filter:alpha ですが、
display の要素によって動かない場合があるようです・・・
特に jquery や protoype.js の表示・非表示の機能を使うと
display 要素が思ったものと違う場合があるので注意が必要です。

今回は透過についてだけ書いていますが、
多分この罠は filter 属性自体のものだと思われます。
ほんとに独自の機能というのはいやになりますね・・・

この記事をブックマークする : このページをはてなブックマークに追加 このページをLivedoorクリップ! このページをニフティクリップに登録 newsing it! このページをdel.icio.usに登録 このページをBuzzurlにブックマーク

Comments are closed.