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