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