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;600;"><span style="color:yellow">图层背景半透明,字体颜色也半透明</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;600;"><span style="position:relative;color:yellow">图层背景半透明,字体颜色不半透明</span></div>