我的1px x 1xx灰色像素。它用作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中，它显示为渐变。顶部黑暗，下面点亮。这有多疯狂？我从来没有见过这样的东西，并且会喜欢一些见解。
谢谢！
答案 0 :(得分：2)
不幸的是，这是一个PNG渲染错误（惊喜），在大多数情况下，人们将平铺的PNG图像的大小增加到10x10并且问题被删除。希望这对你来说没问题 - 也许使用1x10，甚至更好的1x50 ......
从内存中得到的部分解释是IE将其过滤应用于1x1图像所需的处理量，当您将其乘以它在屏幕上显示的次数时 - 它对IE来说太硬了。
请参阅：IE8's rendering of transparent pngs is FUBARed on my site以及相关的帖子/评论。
编辑： 嘿，因为它只是一条垂直线，是否可以使用GIF格式？或者也许是8位非alpha透明PNG？
答案 1 :(得分：0)
如果它只是一个1px灰色边框，为什么不使用1px灰色边框？
示例：
border-right: 1px solid #cccccc;