12.10日音讯,轻松设置网页背景透明度

　　12.10日音讯,轻松设置网页背景透明度。怎样在CSS样式中设置背景的透明度,下面给出一个具体的实例。把类为box的层设为透明。

　　<divclass="box"></div>

　　<style>

　　.box{width:300px;height:200px;margin:0auto;boxder:1pxsolid#ccc;background:#000;filter:alpha(opacity:30);opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3}

　　</style>

　　其中background:#000;filter:alpha(opacity:30);opacity:0.3;为关键代码，当opacity值为1时，表示完全不透明，为0时表示完全透明。

　　其关的属性介绍如下:

　　opacity:0.3；这是“最重要的”，因为它是在CSS的现行标准。这将在Firefox，Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。

　　filter:alpha(opacity=30);这一个是针对IE浏览器

　　-moz-opacity:0.3;你需要这一个支持老版本的Mozilla浏览器如NetscapeNavigator。

　　-khtml-opacity:0.3;这是旧版本的Safari（1.×）当渲染引擎是使用仍被称为kthml，而不是目前的WebKit。

　　Finishopacity是一个可选项，用来设置结束时的透明度，从而达到一种渐变效果，它的值也是从0到100。StartX和StartY代表渐变透明效果的开始坐标，finishX和finishY代表渐变透明效果的结束坐标。从上面讲的我们可以看出，如果不设置透明渐变效果，那么只需设置opacity这一个参数就可以了。