假设背景为黑色,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 */