在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報告我在我的代碼親自打這個問題，幾個星期前，遺憾的是沒有找到一個解決辦法。