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

Question

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

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

Answer 1

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

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

尝试仅设置背景颜色，而不是使用背景的简写，这意味着当没有设置时，背景图像为“无”。那里可能存在一些冲突（如果您的小提琴CSS具有有效的图像引用，则会更容易测试）。