Css Sprites和IE8问题

Question

我正在开发一个有近30张背景图片的网站，所以我决定制作一个“精灵图像”，然后在CSS中使用background-position attrib。

在FF和Opera中，整个设计显示正确，但在IE8下，我遇到了问题。似乎IE8没有正确定位图像。我在图像之间的几个地方看到一条细线。有时当我用鼠标滚动放大时，线条消失，然后再次显示......

例如，我使用这样的精灵：

#index {
        margin-left:0px;
        margin-top:0px;
        width:327px;
        height:57px;
        margin-bottom:0px;
        float:left;
        display:inline;
        background-image:url(images/sprites/sprites_left.jpg);
        background-position:0px -340px;
        overflow:hidden;

    }

这是IE8的错误吗？我该怎么办？将设计拆分为30个背景图像？

谢谢。

Answer 1

一般来说，我会在精灵图像中的每个图块之间leave a gap of a few pixels（或更多）。