过去在IE6中使用带有透明的PNG图片真是让人头疼(同志们..快把IE6扔了吧..可怜下设计人员..-_-||),它不但不支持PNG的半透明也不支持完全透明.
人们为了让IE6支持PNG图片可谓想尽办法,有使用HACK来判断IE版本来使图片使用不同样式,有使用GIF+IE滤镜来代替的(但GIF在颜色表现上没PNG好)......最后终于给我找到一个近乎完美的解决方案,使用IE PNG Fix可以达到近乎IE7中显示的效果.
下载与演示地址: http://www.twinhelix.com/css/iepngfix/
现在有1.0与2.0 alpha版(this includes support for background position and repeat)
使用方法很简单,下载文件后在页面引用iepngfix.htc文件,然后新建样式
- <style type="text/css">
- transparent { behavior: url(iepngfix.htc) }
- </style>
在你包含透明度的PNG文件DOM元素中添加这个样式就可以使用了,是不是很方便呢? enjoy yourself !