12.10日音讯,轻松设置网页背景透明度
日期:2013-12-10发布:首创网络浏览:371次
12.10日音讯,轻松设置网页背景透明度。怎样在CSS样式中设置背景的透明度,下面给出一个具体的实例。把类为box的层设为透明。 divclass=box/div style .box{width:300px;height:200px;margi···
本文关键字:12.10日,音讯,轻松,设置,网页,背景,透明度,
12.10日音讯,轻松设置网页背景透明度。怎样在CSS样式中设置背景的透明度,下面给出一个具体的实例。把类为box的层设为透明。
.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}
其中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这一个参数就可以了。
- 欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!
服务项目
热门信息
- 邯郸网络公司:模板建站的好处有哪些?
- 3642024-04-25

- 4.20日音讯,邯郸网络公司:企业官网有必要做吗?
- 2132024-04-20

- 4.20日音讯,邯郸网络公司:为什么模板建站如此便宜?
- 2872024-04-20

- 4.9日讯,企业网站建设如何发挥网络营销功能?
- 4092024-04-09

- 4.9日音讯,企业网站维护的日常工作
- 2912024-04-09

- 4.5日讯,建设一个外贸网站多少钱?
- 4862024-04-05

- 邯郸网络公司:网站建设开发有哪些细节需要注意?
- 5402024-03-07

- 邯郸网络公司:外贸网站制作的8个步骤
- 3772024-03-05

- 企业网站如何制作才能取得更好的效果
- 5662024-02-29

- 简单3步,轻松做企业官网
- 6822024-02-18
