我在使用谷歌浏览器时遇到问题。我在 display:block; 链接上使用简单的悬停状态，以仅更改悬停时的 background:url(); 属性。
Google Chrome 显示实际悬停变化正常，但当我将鼠标移出该区域时，背景变得透明/消失。
这是我的 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 中。有什么想法吗？
最佳答案
它适用于所有浏览器。尝试删除缓存，因为它工作正常。我建议您删除 top left 行，因为它们不是必需的
关于悬停后CSS背景图像消失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9244607/