IE6中针对jQuery Tab的奇怪错误

Question

在此页

http://www.eamobile.com/Web/mobile-games

在IE6中我们点击“顶级iPhone游戏，顶级手机游戏，员工照片”标签 在IE6中没有更改类，而在选项卡内容区域内单击时它已更改。而在FF和IE7中它的工作正常。

如果您有解决方案，请告诉我们。

Answer 1

问题

您的问题可归结为以下两条规则：

.topPicksTabs li a.topPicks1:active{
width:235px;
background-position:-238px -112px;
}

.topPicksTabs li.selected a.topPicks1{
background-position:-238px -168px;
}

后者应该在选择一个标签后覆盖前者...但是，IE6中:active伪类的实现是quite buggy，允许它采取优先。最终结果是您观察到的行为，只要它具有焦点，就会使用错误的背景精灵显示标签。

变通方法

• 删除伪类以支持添加和删除另一个CSS类的mousedown + mouseup事件处理程序。然后修改由该类而不是伪类触发的样式。
• 或者，什么都不做。该错误不会影响网站的可用性，随着时间的推移IE6将继续变得越来越不相关。