IE および FF における CSS 透明性の継承問題に関するディスカッション
著者:Eve Cole
更新時間:2009-06-10 17:05:49
親コンテナが透明度を設定すると、子コンテナは親コンテナのプロパティを継承します。この問題に直面すると、これをバグと呼ぶべきか、それとも誰もが透明度を理解する方法の問題と呼ぶべきかわかりません。 CSS 標準が最も合理的であると考えていることに関係なく、サブコンテナを透明にしたくない状況に遭遇した場合、そのような問題をどのように解決するか。
方法 1:
IE の場合は、サブコンテナを追加します。
位置:相対;
Firefoxなどではpngしか使えません。
背景:url(images/boxBg.png);
/*以下はIEでのみ認識されます*/
*背景:#CCCCCC;
方法 2:
簡単な説明もインターネットではよく使われる手法です。
3 つのコンテナを作成します。まず、透明にする必要があるコンテナと不透明なコンテナを兄弟関係にします。
次に、2 つの兄弟コンテナが位置決めを通じて一見親子の配置を維持できるように、親コンテナを通じてサイズを制御します。
2 番目の方法では、透明度の継承の問題は回避されますが、透明度の継承の問題は解決されません。