日期:2014-02-02 浏览次数:21261 次
当父容器设置了通明度的时候,子容器会承继父容器的性质,面对这个问题我们也不知道该说是bug还是说是大家对通明的理解方式问题。先不管css的标准认为怎样才是最合理的,当我们遇到不想要子容器也通明的时候如何去处理这样的问题。
方法一:
针对IE,在子容器添加:
position:relative;
针对firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只要ie识别*/
*background:#CCCCCC;
方法二:
简单描述一下,也是网上常见的方法。
结构三个容器
首先,让需求通明的容器和不通明容器保持兄弟关系。
然后,通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的陈列方式。
方法二是规避了通明度的承继问题,并不是处理了通明度承继问题