Dreamweaver 网页制作 CSS 滤镜 插入透明层

html-css038

Dreamweaver 网页制作 CSS 滤镜 插入透明层,第1张

如果使用css方式

那就给这层加一个css属性

filter:Alpha(opacity=20)

里面的20是透明的程度,你可以根据自己的需要修改

如果使用jquery

$(层对象).fadeTo('slow', 0.3)

slow是透明的速度,可以是数字,1000表示毫秒,也就是1秒,他就会在1秒内对层进行透明度设置

后面那个0.3是透明度,最大为1,表示不透明,最小为0,表示完全透明。

不对哦,层一般本来就是透明的啊,在你没有给层设定背景颜色或者背景图片的情况下,他本来就是透明的啊

至于起到遮罩作用,你把这个层放置于其他元素上面就行,设置他的css属性:z-index,把属性值弄大一点就行

z-index:10000

就是可以设置透明度等。

在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。