当父容器设置了透明度的时候，子容器会继承父容器的性质，面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管css的标准认为怎样才是最合理的，当我们遇到不想要子容器也透明的时候如何去解决这样的问题。

方法一：

针对IE，在子容器添加：

position:relative;

针对firefox等就只能使用png

background:url(images/boxBg.png);
/*以下只有ie识别*/
*background:#CCCCCC;

方法二：

简单描述一下，也是网上常见的方法。

构造三个容器

首先，让需要透明的容器和不透明容器保持兄弟关系。

然后，通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。

方法二是规避了透明度的继承问题，并不是解决了透明度继承问题

评论 (0) All

登陆 还没注册？