IE和FF中css透明度详细对比

yibin 2015-02-09 建站源码 567

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

方法一:

  针对IE,在子容器添加:
  position:relative;
  针对firefox等就只能使用png
  background:url(images/boxBg.png);
  
  *background:#CCCCCC;

方法二:

  简单描述一下,也是上常见的方法。
  构造三个容器
  首先,让需要透明的容器和不透明容器保持兄弟关系。
  然后,通过父容器控制大小让两个兄弟容器通过定位保持一个看似父子的排列方式。
  方法二是规避了透明度的继承问题,并不是解决了透明度继承问题
  

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询