ie6中png图片背景透明问题

最新推荐文章于 2025-05-09 16:22:52 发布

原创最新推荐文章于 2025-05-09 16:22:52 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Microsoft #HTML

本文探讨了在网页设计中使用PNG与GIF图片的不同场景，并提供了如何利用CSS滤镜加载PNG图片的方法，以及一些注意事项。

1、用GIF图片代替PNG图片
若图片色彩不多，没有羽化部分可以使用。

2、如果希望使用png格式图片作为DOM元素的背景，那么就可以使用滤镜来加载png图片
.png{
　　background: url(/angel.png) no-repeat !important;
　　_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/angel.png");
　　background:none;
　　width:100px;
　　height:100px;
}
HTML代码：
<div class="png">
背景PNG透明
</div>
[color=red]
值得注意的是：[/color]
1、url和src引用图片的路径写法不一样！

2、用png背景图片，不可以进行相关的定位，只能是默认的：background：url（） left top；

3、用了这段样式，很可能.content里面的超链接等内容不可以点击，解决这个问题，你可以在div.content里面在套一个div，比方这个div的样式名字为：div.con,然后给.con一个样式：
div.con {position:relative}就可以解决所有的问题了。