代码之家 › 专栏 › 技术社区 › Alex Mcp

IE 8特定背景图像错误

internet-explorer-8 css

0

Alex Mcp · 技术社区 · 15 年前

我有一个1乘1的灰色像素。它用作背景图像:

background-attachment:scroll;
background-color:transparent;
background-image:url("../image/vertical-border.png");
background-position:393px 0;
background-repeat:repeat-y;

所以我希望有一条灰色的,垂直的线,这条线是分区中最高的。

所以我在除IE8之外的所有浏览器中都能正确地看到这一点。在IE8中,它显示为渐变。上暗下暗。这有多疯狂?我从来没有见过这样的东西,希望能有一些见解。

谢谢!

2 回复 | 直到 14 年前

1

2

Community Mohan Dere 9 年前

不幸的是,这是一个PNG渲染错误(令人惊讶),在大多数情况下,人们会增加平铺PNG图像的大小,比如说10x10,问题就消除了。希望这对你来说没问题-也许用1X10,或者更好的是1X50…

一个部分的解释是,从内存中,当你用它在屏幕上出现的次数乘以它在屏幕上出现的次数时,IE将它的过滤应用到1X1图像所需要的处理量——它对IE来说太硬了。

见: IE8's rendering of transparent pngs is FUBARed on my site 以及相关的帖子/评论。

编辑: 嘿,因为它只是一条竖线,所以可以只使用GIF格式吗?或者可能是8位,非阿尔法透明PNG?

2

0

DaveShaw Thishin 14 年前

如果你想要的只是一个1倍的灰色边界,为什么不使用1倍的灰色边界呢?

例子:

border-right: 1px solid #cccccc;