css - IE 中的 Wordpress css 错误

Question

我建立了一个网页，它在 chrome、ff 中运行良好，但在 IE 中运行不正常。 http://www.magyarregeszet.hu/

我发现了许多关于表格和布局的特定错误，但我似乎无法找出字体和文本转换类型的错误。

有人可以帮助我吗？例如。左上角的菜单条目在 IE 中也应该是大写的。此条目是:

.menu-item:not(.menu-item-77)  {
    color: white;   
    text-transform: uppercase;
        font-weight:normal;
        margin-bottom: 4px;
        border-bottom: 1px solid white;    
        text-decoration: none;  
}

我使用 wordpress 和构造函数主题。

Answer 1

你不能在 IE8 中使用 :not 伪类，检查 http://caniuse.com/#search=:not为了支持。 Internet Explorer 9+ 支持此高级选择器。

如果您需要 IE8 支持，我鼓励您提供基本样式:

.menu-item {
    color: #FFF
}

然后是您的特定样式:

.menu-item-77 {
    color: #CCC
}

fiddle :http://jsfiddle.net/jonathansampson/w39a7/