IE和FF中css透明度的繼承問題的討論
作者:Eve Cole
更新時間:2009-06-10 17:05:49
當父容器設定了透明度的時候,子容器會繼承父容器的性質,面對這個問題我們也不知道該說是bug還是說是大家對透明的理解方式問題。先不管css的標準認為怎樣才是最合理的,當我們遇到不想要子容器也透明的時候如何去解決這樣的問題。
方法一:
針對IE,在子容器中新增:
position:relative;
針對firefox等只能使用png
background:url(images/boxBg.png);
/*以下只有ie辨識*/
*background:#CCCCCC;
方法二:
簡單描述一下,也是網路上常見的方法。
構造三個容器首先,讓需要透明的容器和不透明容器保持兄弟關係。
然後,透過父容器控制大小讓兩個兄弟容器透過定位保持一個看似父子的排列方式。
方法二是規避了透明度的繼承問題,並不是解決了透明度繼承問題