Jquery CSS背景不支持IE6
我有一个切换选项卡,当点击时背景会在激活时发生变化(我使用的是精灵)。问题是背景不会立即更改,我仍然需要将其悬停以应用更改。我认为使用背景或背景图像是个问题,因为当我尝试使用背景颜色时,效果很好。这个问题只发生在IE6上Jquery CSS背景不支持IE6,jquery,html,css,internet-explorer-6,Jquery,Html,Css,Internet Explorer 6,我有一个切换选项卡,当点击时背景会在激活时发生变化(我使用的是精灵)。问题是背景不会立即更改,我仍然需要将其悬停以应用更改。我认为使用背景或背景图像是个问题,因为当我尝试使用背景颜色时,效果很好。这个问题只发生在IE6上 $('#menu a').click(function(e) { e.preventDefault(); $('a.selected').removeClass('selected'); }); #menu-tabs ul
$('#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;
}
InternetExplorer6有很多CSS错误! 现在,说到你的问题, 为什么背景颜色起作用,为什么背景图像不起作用。颜色是浏览器本身隐含的东西,但它必须显式地“加载”图像或其他东西。 好吧,使用IE6,这是一个完全的猜测工作。我会推荐你访问这个网站, 他们有一个非常全面的IE6 bug列表。 您还可以访问Microsoft官方网站了解CSS兼容性。 如果您仍然有问题,请张贴一个链接到您的实际页面。 希望这能有所帮助。你的规则中有;试着先纠正这些错误
#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;
}
背景图像
仅支持图像URL(取决于浏览器;并非所有图像都支持多个图像)。我怀疑,如果您的规则在其他浏览器上运行,那么这些浏览器只是将您的规则标准化为所示的简写形式。解决方案是将IE6用户重定向到Google Chrome下载页面。IE6?它可能不会立即改变,因为它必须找到一台仍在使用它的计算机!你试过.toggleclass而不是.removeclass吗?虽然我同意关于ie6已死的评论,但那种“没有人拥有它,因此不支持它”的态度是非常危险的。尝试简单的纯CSS更改作为后援。@jobokai但是我们还要支持IE6多久?即使是微软现在也不在乎IE6和XP。所以,为什么我们应该支持它,并由我们来鼓励客户不要坚持使用旧的浏览器。