Chrome中的CSS滚动问题 - 图片消失 [英] Trouble with CSS rollover in Chrome - image disappears

问题描述

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

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

代码如下：

  .rollover a {
 display：block; 
 text-indent：-9999px; 
保证金：自动自动自动自动; 
光标：指针; 
 outline：透明实体0px; 
 
} 
 
 
 #erilynn a {
 height：550px; 
 width：393px; 
 background：url（'http://4ormat-asset.s3.amazonaws.com/resources/1327226/0x550_1329240086.jpg'）不重复左上方; 
} 
 #erilynn a：hover {
 background-position：-393px; 
} 
  

我知道其他人也遇到了这个问题，但还没有发现一个解决方案的工作原理..任何人都知道这是怎么回事？解决方案

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

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

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

Though in 1996 I had one of the top 5 Leonardo DiCaprio web-sites - I'm no programmer. So I tried using 4ormat templates to make my life easier but they didn't have an option for image rollovers so I had to change the css and of course its causing problems for me. It works fine in every browser - sometimes it even works fine in chrome! But if you load it a bunch the first few images on the page will load and then disappear! Its been great in every other browser! What am I doing wrong??

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

the code looks like this:

    .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;
    }

I know other people have run into this problem as well but have yet to discover a solution that works.. Anyone know whats up?

解决方案

If you are using dev channel of Chrome, this seems to be a bug in Chrome (Webkit more specifically) than in your code.

You can check the bug report for Chrome at http://code.google.com/p/chromium/issues/detail?id=111218

I have personally hit this problem few weeks ago in my code and sadly couldn't find a workaround.

这篇关于Chrome中的CSS滚动问题 - 图片消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！