CSS IE背景透明的问题

html-css019

CSS IE背景透明的问题,第1张

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不通范围的透明度。具体语法如下:

{filter: alpha(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}

具体参数:

opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。

finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。

style指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形

startx 渐变透明效果开始处的 X坐标。

starty 渐变透明效果开始处的 Y坐标。

finishx 渐变透明效果结束处的 X坐标。

finishy 渐变透明效果结束处的 Y坐标。

测试:

filter:alpha(opacity=50)

#snake{

backgournd: #666

filter:alpha(opacity=50)

-moz-opacity:0.5

opacity:0.5

}

<div id="snake" >背景透明效果</div>

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小,越透明。

IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小,越透明。

CSS实现文字透明效果可以使用Opacity 属性即可满足。

CSS opacity 属性相关介绍和案例:

浏览器支持:所有浏览器都支持 opacity 属性。

定义和用法

A、opacity 属性设置元素的不透明级别。

B、默认值:1。

C、继承性:no。

D、版本:CSS3。

E、JavaScript 语法:object.style.opacity=0.5。

语法:opacity: value|inherit。

A、value:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)。

B、应该从父元素继承 opacity 属性的值。

实例:设置 div 元素的不透明级别。

div{opacity:0.5} //透明度为0.5,半透明。

注释:

A、IE8 以及更早的版本支持替代的 filter 属性。例如filter:Alpha(opacity=50)。