IE6下PNG图片透明问题解决方案集锦

关于IE6下PNG图片的透明问题，确实是个让人头疼的老问题。对此，长沙网络推广总结了多种解决方案，今天分享给大家。

我们可以使用滤镜`filter`中的`progid:DXImageTransform.Microsoft.AlphaImageLoader`属性。这个滤镜的启用（enabled）与否是一个可选的布尔值，默认是激活状态。它的`sizingMethod`属性决定了图片如何在容器边界内显示，可以选择剪切、默认或缩放。而`src`属性则是必须的，需要指定背景图像的绝对或相对url地址。举个例子：

```css

.png {

background: url(绝对路径/images/bg.png) repeat;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="绝对路径/images/bg.png");

_background:none;

}

```

使用这种方法需要注意几点：背景无法平铺，因此不太适合于需要背景重复的场景；背景图片无法定位，无法制作CSS Sprite；性能上可能会有一些小问题，在页面元素不多时可以使用。AlphaImageLoader滤镜会导致该区域的链接和按钮失效，解决的办法是为它们添加`position: relative;`。为了确保滤镜起作用，容器需要设置宽度和高度。

接下来是`iepngfix.htc`，它的实现原理也是使用滤镜，但将这些滤镜操作封装在一个.htc文件中，使用起来相对方便。

还有一种解决方案是`DD_belatedPNG`，这是一个JavaScript插件。不同于其他多数解决PNG问题的js插件使用AlphaImageLoader滤镜，它使用了微软的VML语言进行绘制。它支持background-position、background-repeat以及a:hover属性，这些是其他js插件可能不具备的功能。

基本上，解决IE6下的PNG图片透明问题就以上三种主要方法。如果还有其他更好的方法，欢迎告知。

对于第一种滤镜方法，我还想补充几点。在使用滤镜时，建议给src属性使用绝对路径，因为相对路径必须是相对于当前网页的路径，而不是我们常规的相对于CSS文件的路径。sizingMethod设置为'scale'时，意味着图片会被拉伸以填充容器，可以模拟出平铺的效果。

针对IE6下的PNG透明问题，我们可以根据具体需求和场景选择适合的解决方案。