4.11日音讯,网站建设中背景透明度的运用,怎样在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。