[CSS] - 让IE6支持PNG-24透明背景(多个方法)

1.用iepngfix

示例：http://www.twinhelix.com/css/iepngfix/demo/ 

下载地址：http://www.twinhelix.com/css/iepngfix/

优点：能够整个页面都能自动处理PNG-24的透明背景，不用特意去做另一幅图片代替等麻烦。

缺点：不能用太多，否则页面加载速度大大变慢。

*************************************************************************************************

2.用滤镜效果

虽然不是每个浏览器都能支持滤镜，但只是为了解决PNG-24透明背景，就无所谓啦。

来源：有道的源代码

<style>
body {
    background:url(bg.gif);
}
.test {
    width:451px;
    height:42px;
    background:url(test.png);
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="test.png", sizingMethod="crop");
}
</style>
<div class="test"></div>

优点：代码少，简单。

缺点：对PNG-24图片的图片都要用上滤镜

*************************************************************************************************

3.用PNG-8的图片代替

来源：网络

PNG-8一般都是用PS保存：(在“文件->存储为Web和设备所用格式”上保存,有时候会用上下图里的“扩散透明度仿色”)

优点：不用像上面所说那样处理

缺点：如果有圆角的话，会看起来有点直角的感觉，如果图片里有渐变（包括阴影效果）会很容易让阴影的大部分颜色被其它颜色所代替，产生失真大

*************************************************************************************************

4.使用CSS hack

能让PNG-24正常显示的就直接显示，否则使用CSS hack来替换其它格式图片(如jpg)，这个方法是看别人的源码才知道的，属于最无奈的方法。

优点：暂时想不到，至少能让图片正常一点的显示。

缺点：网站的文件多，占用空间大，修改不方便。

*************************************************************************************************

PS：PNG-8与GIF的透明背景都能让IE6直接显示，但与PNG-24对比，图片失真得太离谱了