IE中设置PNG格式背景透明

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

转载最新推荐文章于 2025-05-09 16:22:52 发布 · 1.3k 阅读

文章标签：

#ie #filter #function #htc #download #behavior

CSS 专栏收录该内容

8 篇文章

订阅专栏

本文深入探讨了IE浏览器不支持透明PNG图片的问题，并提供了两种解决方法：使用滤镜和创建HTC文件。同时介绍了如何在CSS中调用HTC文件来实现透明PNG图的正确显示。

PNG作为网页通用的图片格式，早已经被大家确认，但是微软不知出于何种目的，一直不肯让IE支持透明的PNG图片。 IE没有把PNG的Alpha通道打开，如果想在IE中正确显示透明的PNG图，必须手动给它添加滤镜。
1.运用滤镜：
<div style="width:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片地址', sizingMethod='image');"></div> <img src="spacer.png" mce_src="spacer.png" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true, src='image.png', sizingMethod=scale);" mce_style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true, src='image.png', sizingMethod=scale);" alt="display png" />
2.建立htc文件：
  <public:component> <public:property name="alpha" /> <public:property name="dummy" /> <mce:script type="text/javascript"></mce:script> <public:attach event="onpropertychange" onevent="propertychange()" /> <public:attach event="onreadystatechange" onevent="readystatechange()" /> </public:component>

css中调用：
img{behavior:url(png.htc)}

http://www.sino8848.com/article_detail.asp?id=969&typeid=45