Question

我已切换选项卡，当单击时，背景在激活时更改（我正在使用精灵）。问题是背景不会立即改变，我仍然需要将其悬停以应用更改。我认为使用背景或背景图像是问题，因为当我尝试使用背景颜色时，它工作正常。此问题仅发生在IE6上。

    $('#menu a').click(function(e) {
        e.preventDefault();
        $('a.selected').removeClass('selected');
    });



#menu-tabs ul li a {
    color: #000;
   background-image: url(../images/sprite.png) 0 20px no-repeat;
}

#menu-tabs ul li a.selected {
    color: #05416B;
    background-image: url(../images/sprite.png) 0 0 px no-repeat;
}

Answer 1

您的规则中有syntax errors;先尝试纠正这些。

#menu-tabs ul li a {
    color: #000;
   background: url(../images/sprite.png) 0 20px no-repeat;
}

#menu-tabs ul li a.selected {
    color: #05416B;
    background: url(../images/sprite.png) 0 0 no-repeat;
}

background-image仅支持图片网址（取决于浏览器;并非所有图片都支持多个图片）。我怀疑，如果您的规则适用于其他浏览器，那么这些浏览器只是将您的规则规范化为显示的简写。

Answer 2

Internet Explorer 6有很多CSS漏洞！现在，回答你的问题，为什么背景颜色有效以及为什么背景图像不起作用。颜色是浏览器本身隐含的颜色，但它必须明确地“加载”＃34;图像或其他东西。好吧，使用IE6，它的总猜测工作在这里。我建议您访问此网站http://positioniseverything.net/ 他们有一个非常全面的IE6错误列表。您也可以访问官方Microsoft网站上的CSS兼容性。 http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx

如果您仍然遇到问题，请发布指向您实际网页的链接。希望这会有所帮助。

CSS背景没有在IE6上工作

2 个答案: