在Chrome浏览器中CSS滚动问题 - 图片消失

Question

虽然在1996年，我有了莱昂纳多迪卡普里奥五大网站之一 - 我不是程序员。所以我尝试使用4ormat模板来让我的生活更轻松，但他们没有图像滚动的选项，所以我不得不改变css，当然它对我造成问题。它在每个浏览器都能正常工作 - 有时它甚至可以在Chrome中正常工作！但是，如果你加载了一堆，页面上的前几张图片就会加载，然后消失！它在所有其他浏览器中都很棒！我究竟做错了什么？？

http://sarahcrump.4ormat.com/retouching

的代码如下所示：

.rollover a{ 
    display: block; 
    text-indent: -9999px; 
    margin: auto auto auto auto; 
    cursor: pointer; 
    outline: transparent solid 0px; 

    }  


    #erilynn a{ 
    height: 550px; 
    width: 393px; 
    background: url('http://4ormat-asset.s3.amazonaws.com/resources/1327226/0x550_1329240086.jpg') no-repeat left top; 
    } 
    #erilynn a:hover{ 
    background-position: -393px; 
    } 

我知道其他人也碰到这个问题很好，但还没有发现有效的解决方案..任何人都知道怎么了？

Answer 1

如果您使用Chrome的开发渠道，这似乎是Chrome（更具体地说，Webkit）中的一个错误，而不是您的代码。

您可以在http://code.google.com/p/chromium/issues/detail?id=111218

检查Chrome的bug报告我在我的代码亲自打这个问题，几个星期前，遗憾的是没有找到一个解决办法。