IE6 选择器问题

Posted 2023-03-06

【中文标题】IE6 选择器问题

【英文标题】：IE6 Selectors issues

【发布时间】：2013-09-22 21:11:27

【问题描述】：

我的网站实际上在其他浏览器中运行良好，但是当我在 IE6 中检查时，出现了问题。在我的全局导航中，我点击了这个特定页面。例如，我点击了关于我的页面。当页面处于活动状态时，我的全局导航会更改其图像。就像它与非活动页面的颜色不同。在IE6中，当我在当前页面ABOUT ME时，全局导航中的当前图片是不同的。说，这是联系我们。但是当悬停时，出现的图像是正确的。

这是 CSS 的 sn-p：

    .cat-item-5 

    float: left;

    display: inline;

    width: 162px;

    height: 48px;

    text-indent: -30000px;

    background: -639px 0 url(images/menu.png) no-repeat;





.cat-item-5 a 

    display: block;

    width: 162px;

    height: 48px;

    background: -639px 0 url(images/menu.png) no-repeat;





.cat-item-5 a:hover,

.cat-item-5.current-cat a 

    background: -639px 0 url(images/menu_o.png) no-repeat;

希望你能帮助我，谢谢！

【问题讨论】：

你能不能也用 html 代码来搞定这个

IE6 从不支持链接选择器。 IE。在.cat-item-5.current-cat 中，它只读取.cat-item-5，而不是.current-cat。

那么我将如何构建它以供 IE6 阅读？

你一定要支持IE6吗？我能给出的最好建议是停止支持它。如果您真的必须继续支持它，您将需要在相关元素上有一个额外的类，并将样式应用于该类，而不是您现在拥有的双类选择器。跨度>

很高兴你解决了它。如果可能，我仍然建议放弃对 IE6 的支持；我认识的大多数开发人员在 2013 年的今天甚至不再支持 IE7，更不用说 IE6。更重要的是，微软对 IE6 的支持将于明年初结束，此后将不再有安全补丁。任何仍在使用 IE6 的人几乎肯定会在不久之后被黑（如果他们还没有被黑），所以如果您有坚持使用 IE6 的客户，您需要强烈警告他们需要紧急升级。

【参考方案1】：

IE6 对 CSS 的支持真的很真的。它也有一些令人讨厌的小错误，你已经被其中一个绊倒了。

错误是当你有一个像.cat-item-5.current-cat 这样的双类选择器时，IE6 只会看到这些类中的第一个，所以它的行为就像选择器只是.cat-item-5。

没有解决这个错误的好办法。唯一的解决方案是向相关元素添加另一个类，然后选择它。

您唯一的其他选择是直接放弃对 IE6 的支持。