css - Chrome 中的 CSS 翻转问题 - 图像消失

Question

尽管在 1996 年我拥有莱昂纳多·迪卡普里奥 (Leonardo DiCaprio) 排名前 5 的网站之一 - 我不是程序员。所以我尝试使用 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 的开发 channel ，这似乎是 Chrome(更具体地说是 Webkit)中的一个错误，而不是您的代码中的错误。

您可以在 http://code.google.com/p/chromium/issues/detail?id=111218 查看 Chrome 的错误报告

几周前我在我的代码中遇到了这个问题，遗憾的是找不到解决方法。