我在Google Chrome中遇到了问题。我在display:block;链接上使用简单的悬停状态，仅更改悬停时的background:url();属性。
谷歌浏览器显示实际的悬停更改确定，但当我将鼠标移出该区域时，背景会变得透明/消失。
这是我的CSS：
#branding #logo a {
width: 259px;
height: 201px;
border:none;
display: block;
background:url(images/logo.png) top left;
}
#branding #logo a:hover {
background:url(images/logo_hover.png) top left;
}
实际网站位于：http://beerblestudy.org。再次，这只发生在我的Chrome中。有什么想法吗？
答案 0 :(得分：0)
它适用于我和所有浏览器。尝试删除缓存，因为它正常工作。我建议您删除行top left，因为它们不是必需的
答案 1 :(得分：0)
你的背景也在这里消失了。
我知道我不应该在这里“我也是”，但这很奇怪，带我到这里的是我在最近建立的网站上遇到的同样问题：http://macvillain.com - 右栏图像块。
我在大多数浏览器上进行了彻底的测试（不是ie6或7 - 我已经放弃了它们），并且在过去的两周里一直很好，直到今天。有时清除缓存等工作一段时间然后它回来了。我不明白......
更新：
您好我在谷歌Chrome论坛上得到了答案： “Chrome严格使用HTML5。验证HTML代码http://validator.w3.org/”
我忘记这样做了，我修复了一些无效的东西，现在一切都很好，花花公子。
我建议你这样做。
答案 2 :(得分：0)
尝试这种技术：我看到了一个自动下载CSS样式表中指定的图像的JQuery插件。
http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/