不透明度 : HTML/CSS

Pocket

不透明度に関するいくつかのまとめ。

親要素に指定した不透明度を子要素に引き継がないようにする方法[1]

スタイルシートを使う

» rgba()とfilterで背景だけを透過させる。 | かえラボBlog

// 白の半透明
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);

透過PNGを使う

PNGファイルで敷き詰める。IE6は透過PNGに対応していないので別途対処する。
» 透過PNG(PNG-24)をie6で表示

[1] jQueryで不透明度を操作するメソッド(fadeIn, fadeOutなど)とcssの不透明度や透過PNGを一緒に使った際の挙動を調べる。

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 


人気記事 はてなブックマーク

この日記のはてなブックマーク数