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

html-css022

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

在DW中用CSS使链接文字变大并在前面加一个小点,我们可以使用ul、li来包裹着这个a然后在设置超链接的文字变大,通过font-size这个属性就行,不要去除掉ul、li的默认属性,默认就会有点的,具体看代码:

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

}

#div1 a{

font-size:15px

}

</head>

<body>

<div id='div1'>

<ul>

<li><a href=''>测试1</a></li>

<li><a href=''>测试2</a></li>

</ul>

</div>

</body>

</html>

景图片模糊 这是属于图片处理了,要用PS。

也可以用CSS的滤镜来处理,

代码如下:

img {

-webkit-filter: blur(8px)

filter: blur(8px)

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false)

}