2

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

这是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;

}

希望你能帮助我，谢谢！

4

1 回答 1

2

IE6 对CSS 的支持真的很差。它也有一些讨厌的小虫子，你被其中一个绊倒了。

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

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

您唯一的其他选择是简单地放弃对 IE6 的支持。

于 2013-09-18T08:15:53.343 回答