Question

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

这是CSS的片段：

    .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;

}

希望你能帮助我，谢谢！

Answer 1

IE6确实真的不好的CSS支持。它也有一些令人讨厌的小虫子，其中你被一个人绊倒了。

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

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

你唯一的另一个选择就是放弃对IE6的支持。

IE6选择器问题

1 个答案: