代码之家 › 专栏 › 技术社区 › this. __curious_geek

ie6 css背景图像问题

css internet-explorer-6

1

this. __curious_geek · 技术社区 · 17 年前

我有一个CSS样式,它在背景中显示一个png图像。它在所有浏览器中都能正常工作,除了ie6。

在ie6中,bacground图像被拉伸以适合块。我该怎么解决?这是我用来做这个的CSS。

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

IE7/FF3.5版

alt text

4 回复 | 直到 9 年前

1

4

kitsune 17 年前

你可能在IE6中使用了png透明修复脚本,我认为问题就在于此,因为它可能应用了scale方法。

this page .

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

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

2

strager 17 年前

AlphaImageLoader filter ,确保 sizingMethod='scale' 不存在。移除或设置为 image scale .

3

0

matpol 17 年前

对于这个问题,Belatedpng是我找到的最好的脚本: http://www.dillerdesign.com/experiment/DD_belatedPNG/

4

-1

Paulraj 17 年前

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

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