解决IE的背景颜色透明子元素不透明问题

假设背景为黑色，70%半透明，对需要半透明的层用如下CSS

background-color: #000000; /* background color for IE */
filter: alpha(opacity=70); /* opacity filter for IE */
background-color: rgba(0, 0, 0, 0.7); /* for other browsers */

 

如果只做了这一步，在IE中子元素也会被用上滤镜而透明，所以对于不需要透明的子元素们需要改变层级使之不受滤镜作用，方法是明确做一个定位，即将position设置成relative，absolute或fixed中的一种。至于另外两种：static，其实也就是默认值，是不定位的，而inherit会直接被IE无视掉

position: relative; /* or absolute/fixed */