讓ie兼容opacity屬性的方法

如何設置Div半透明效果，併兼容IE6+ Firefox等，看下面樣式：

 

Yuzi_Class{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacity: 0.6;}

但Firefox 3.5+已再也不支持 –moz-opacity 這個屬性了，如今都要改用opacity屬性。

 

因而樣式須要這樣設置

 

Transp { /* make the div translucent */
opacity: 0.57;　　  /* Firefox, Safari(WebKit), Opera) 
filter: "alpha(opacity=57)";　　   /* IE 8 */
filter: alpha(opacity=57);　　  /* IE 4-7 */
zoom: 1;　　  /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */  
}

 

Opacity這個是屬於CSS3裏面的東西了，屬於CSS3的標準。然而微軟IE8還不支持這一屬性。但若是讓DIV背景半透明，而DIV中的文字不半透明呢？很簡單，只要在文字的容器中加個position:relative就能夠了。

 

設置以下：

 

<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="color:yellow">圖層背景半透明，字體顏色也半透明</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600;"><span style="position:relative;color:yellow">圖層背景半透明，字體顏色不半透明</span></div>