Internet explorer 6 ie6 css背景图像问题

我有一个CSS样式，在背景中显示png图像。它在除ie6之外的所有浏览器中都运行良好

在ie6中，背景图像被拉伸以适合块。我如何解决这个问题？这是我用来做这件事的CSS

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

IE7/FF3.5

IE6

---

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

阅读上面的评论

png透明度修复程序的文档可能会涵盖这一点

---

我个人发现在IE6.0中使用透明PNG是一个很大的麻烦，尽管有各种各样的修复方法。我知道这不是一个原始的答案，但如果你真的需要在这里支持IE6.0，我可能会做一个条件检查，并用gif或jpg版本替换图像，而不是依赖黑客来支持。或者干脆放弃IE 6.0，今年，我说服了每一位客户在他们的新项目上不支持IE 6.0。说真的，是时候该停止让我们的职业生活如此痛苦了。

你可能在IE6上使用了png透明修复脚本，我认为问题在于它可能应用了缩放方法

阅读上面的评论

png透明度修复程序的文档可能会涵盖这一点

---

我个人发现在IE6.0中使用透明PNG是一个很大的麻烦，尽管有各种各样的修复方法。我知道这不是一个原始的答案，但如果你真的需要在这里支持IE6.0，我可能会做一个条件检查，并用gif或jpg版本替换图像，而不是依赖黑客来支持。或者干脆放弃IE 6.0，今年，我说服了每一位客户在他们的新项目上不支持IE 6.0。说真的，是时候该停止让我们的职业生活如此痛苦了。

如果您使用的是，请确保

sizingMethod='scale'

不存在。将其删除或将其设置为

image

而不是

scale

如果使用，请确保

sizingMethod='scale'

不存在。移除或将其设置为

image

而不是

scale

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

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

---

这里的宽度和高度是error.png图像的实际大小。希望有帮助。

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

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

---

这里的宽度和高度是error.png图像的实际大小。希望有帮助。

迟来的PNG是我找到的解决此问题的最佳脚本：

---

迟来的PNG是我找到的解决此问题的最佳脚本：

---

那是一张透明的PNG图像吗？我以前从未见过这种情况发生！那是一个透明的PNG图像吗？我以前从未见过这种情况！我已经在使用JQuery PNGFix插件了，它可以在所有浏览器上正常工作，但是这个问题仍然存在于ie6Listen to strager上，您使用的插件将使用AlphaImageLoader来呈现它。。。很明显，这在其他浏览器中效果很好，因为它们一开始就不需要pngFix“……现在是时候停止让我们的职业生活如此痛苦了。”我喜欢itm已经在使用JQuery PNGFix插件了，它可以在所有浏览器上正常工作，但是这个问题仍然存在于ie6Listen to strager上，您使用的插件将使用AlphaImageLoader来呈现它。。。很明显，这在其他浏览器中效果很好，因为它们一开始就不需要pngFix“……是时候该停止让我们的职业生活如此痛苦了。”我喜欢它不使用AlphaImageLoader。@Sruchit，是的，你是。您正在使用的插件使用过滤器。编辑其源代码，并可能就此问题与插件作者联系。我没有使用AlphaImageLoader。@s_ruchit，是的。您正在使用的插件使用过滤器。编辑其源代码，并可能就此问题与插件作者联系。这将不起作用。宽度和高度将应用于实现样式“error”的元素。如果在div中添加另一个具有图像大小的元素，并让图像拉伸到该元素，则可以使用此方法。然而，这将是一个解决办法…这将不起作用。宽度和高度将应用于实现样式“error”的元素。如果在div中添加另一个具有图像大小的元素，并让图像拉伸到该元素，则可以使用此方法。然而，这将是一个解决办法。。。