透明背景所在的"DIV"的属性改咋写还咋写,只不过还得加上这一段 *html div { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="tran.png"); background:none; }
这样就可以轻松实现IE6下png图片透明度的效果了!
附属性说明:
Internet Explorer中提供了提供了独有的滤镜效果,他通过filter:progid:DXImageTransform.Microsoft.AlphaImageLoader实现,现在是关于这个属性的有关知识: 程序代码 enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。 image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale : 缩放图片以适应对象的尺寸边界。 src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。 特性: Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。 sizingMethod : 可读写。字符串(String)。
参阅 sizingMethod 属性。 src : 可读写。字符串(String)。参阅 src 属性。 说明:在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。 PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说,你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。 其它应用: 其它情况 但是上面都用PNG做背景的情况,有时候我们还会用PNG来做遮罩,比如下面这张Logo图片, 我们可以使用PNG遮罩来达到渐变效果: 那么我们可以使用下面的方法来实现 HTML代码段 程序代码
![图片说明](https://i-blog.csdnimg.cn/blog_migrate/4ebe25ae851970fdc425df6c4b95bd39.png)
注意:这种写法完全是为了迎合Internet Explorer 6,
![图片说明](https://i-blog.csdnimg.cn/blog_migrate/25bbe879dea1e03b8358f42e38183748.png)