IE 下 png 文件的处理

最新推荐文章于 2024-10-25 13:52:23 发布

原创最新推荐文章于 2024-10-25 13:52:23 发布 · 7.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #filter #浏览器 #button #服务器 #图形

Xoops 开发专栏收录该内容

13 篇文章

订阅专栏

博客主要围绕IE浏览器中png透明问题展开。使用filter解决了png透明问题，但导致浏览器显示速度大幅降低。在服务器端进行优化后，IE仍较慢，最终采用折衷办法，根据浏览器类型选择图片类型。此外，css+js方法核心也是filter，同样存在速度问题。

在Xoops官方的论坛程序NewBB的开发中，对button等图形采用了png格式。由于IE浏览器对png得透明属性支持不好，开发组采用了那个著名的 Justin Koivisto hack:

<img src="spacer.png" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true, src='image.png', sizingMethod=scale);" alt="display png" />

透明问题解决了，但是客户端速度却成了大问题。这个filter大大降低了浏览器显示速度。

花了有一个多月的时间在优化提速newbb2，服务器端可用的办法都用了，IE还是慢。于是只好采用折衷办法，加一个选项，根据浏览器类型选择使用png类型还是gif类型

继续寻找IE下png的处理...

BTW: 另有css+js的方法，其核心依然是使用这个filter，仍有速度问题。