关于 css：仅在 IE7 和 IE8 中不以链接或悬停状态显示背景图像


Background image not displaying in link or hover states in IE7 and IE8 only

我正在使用超级鱼菜单来显示购物车图标。将鼠标悬停在购物车图标上时，菜单会下拉。链接状态包含购物车的背景图像。将鼠标悬停在链接上时，背景图像正在切换为较暗的图像，并且周围的空间被白色填充。这似乎在 FF 中运行良好，但我在 IE7 和 IE8 中都遇到了问题。在 IE7 和 IE8 中，问题是背景图像不会显示为链接状态或悬停状态。只有当我在安装了 IE7 和 IE8 的实际机器上检查它时才会发生这种情况。在选择了相应的浏览器模式后，它似乎无法在 IE9 中运行。似乎也没有在虚拟机上进行复制。问题是：是什么导致图像在 IE7 和 IE8 中不显示？代码有点长，无法粘贴到这里。

更新了 JS Fiddle
http://jsfiddle.net/SeasonEnds/nfYDC/2/

根据您的小提琴，您在悬停时将背景设置为图像和"无"。

1
2
3
4
.cart li:hover, .cart li.sfHover,
.cart a:focus, .cart a:hover, .cart a:active {
    background:#fcfcfc;
}

尝试仅设置背景颜色，而不是使用背景的简写，这意味着在未设置任何内容时背景图像为"无"。那里可能存在一些冲突(如果您的小提琴 CSS 具有有效的图像引用，则更容易测试)。

相关讨论