当父容器设置了透明度的时候，子容器会继承父容器的性质，面对这个问题我们也不知道该说是bug还是说是大家对透明的理解方式问题。先不管CSS的标准认为怎样才是最合理的，当我们遇到不想要子容器也透明的时候如何去解决这样的问题。89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
方法一：89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
针对IE，在子容器添加：89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
position:relative;89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
针对firefox等就只能使用png89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
background:url(images/boxBg.png);89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
/*以下只有ie识别*/89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
*background:#CCCCCC;89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
方法二：89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
简单描述一下，也是网上常见的方法。89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
构造三个容器89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
首先，让需要透明的容器和不透明容器保持兄弟关系。89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
然后，通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
方法二是规避了透明度的继承问题，并不是解决了透明度继承问题89z酷站收藏 酷站源码 JS代码 JS特效代码 DIV CSS 设计欣赏 设计教程 ::酷呀呀:: bluethlip
