ie6 css背景图片问题

Question

我有一个CSS样式，在背景中显示png图像。它适用于所有浏览器，除了ie6。

在ie6中，展开bacground图像以适应块。我该如何解决这个问题？这是我用来做这个的CSS。

.error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
}

IE7 / FF3.5

IE6

Answer 1

您可能使用IE6的png透明度修复脚本，我认为问题在于它，因为它可能应用了缩放方法。

阅读this page上的评论。

png透明度修补程序的文档可能会涵盖此内容。

我个人发现在IE 6.0中使用透明png是一个主要的痛苦，尽管有各种各样的修复。我知道这不是一个原始的答案，但我可能只是做一个条件检查，如果你真的需要在这里支持IE 6.0，用gif或jpg版本替换图像，而不是依靠黑客来支持这个。或者只是放弃IE 6.0，今年，我已经谈到每个客户都不支持IE 6.0的新项目。说真的，那段时间停止让我们的职业生涯变得如此糟糕。

Answer 2

如果您使用AlphaImageLoader filter，请确保sizingMethod='scale'不存在。将其删除或将其设置为image而不是scale。

Answer 3

Belatedpng是我找到的针对此问题的最佳脚本： http://www.dillerdesign.com/experiment/DD_belatedPNG/

Answer 4

设置背景图像和背景位置的实际宽度和高度。

    .error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('error.png');
    background-position:left;
    width:251px; 
    height:72px; 
    background-repeat:no-repeat;
}

此处宽度和高度是error.png图像的实际大小。希望它有所帮助。