css - IE 8 特定的背景图像错误

Question

我有一个 1px x 1px 的灰色像素。它用作BG图像:

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

所以我希望有一条灰色垂直线表示 div 中最高的部分的高度。常用技巧。

所以我在除 IE 8 之外的所有浏览器中都正确地看到了这一点。在 IE 8 中，它显示为渐变。上面暗，下面亮。这有多疯狂？我从未见过这样的事情，希望能提供一些见解。

谢谢!

Answer 1

不幸的是，这是一个 PNG 渲染错误(出乎意料)，在大多数情况下，人们会增加平铺 PNG 图像的大小，比如 10x10，然后问题就解决了。希望这对你没问题 - 也许使用 1x10，或者更好的 1x50...

根据内存，部分解释是 IE 将其过滤应用于 1x1 图像所需的处理量，当您将它乘以它在屏幕上出现的次数时 - 它对 IE 来说太硬核了。

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

编辑:嘿，既然只是一条竖线，是不是可以直接用GIF格式代替呢？或者可能是 8 位、非 alpha 透明 PNG？