怎样用dreamweavers中css静态滤镜把图片背景设置为透明?麻烦详细点,感谢

html-css016

怎样用dreamweavers中css静态滤镜把图片背景设置为透明?麻烦详细点,感谢,第1张

首先,图片必须是PNG/GIF格式,,,

在IE6以上的浏览器版本,不用做任何处理图片即可透明,IE6下面代码

不能直接插入图片。要做成背景,并加入滤镜和CSSHACK,来显示透明效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

body{background:#3399CC}

#pngImg {

width: 300px

height: 99px

background: url('test.png') no-repeat top

*background: none

*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='corp', src='test.png')

}

</style>

</head>

<body>

<div id="pngImg"></div>

</body>

</html>

定义链接在鼠标被激活(点下去)时候的样式。操作方法如下:

1、新建一个html文件,命名为test.html,a标签四个不同的伪类,有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色,点击链接过后,颜色变为绿色,当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px,点击链接过后,大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色,点击链接过后,背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace,点击链接过后,字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。