html - 嵌套的 li 样式不适用于 IE。

Question

我有一个 IE 和 FireFox 设计不一致的问题。

问题出在“li”渐变背景上。该代码在 Firefox 上工作正常，但在 IE 上却不行。我将尝试通过代码解释我要做什么:

<li class="is-active">
    <ul>
        <li></li>
        <li class="is-active"></li>
        <li></li>
    </ul>
</li>

//For FireFox
li.is-active {
    background: -moz-linear-gradient(50% 0 , #E8E9E9, #FFFFFF 40px) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E0E0E0;
}
li li.is-active {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 0 none;
}

//For Internet Explorer
li.is-active {
    filter progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e8e9e9', endColorstr='#ffffff'); BACKGROUND-COLOR: #fff; _zoom: 1;
    border-bottom: #e0e0e0 1px solid;
}
li li.is-active {
    background: none transparent scroll repeat 0% 0%;
    border-bottom: 0px;
}

在此，IE 的 li li.is-active 不起作用。而不是 li li.is-active，li.is-active 也在其上实现。

这是不希望的。

我希望我能够解释我的问题。

请让我知道任何有助于我解决此问题的建议。

提前致谢。

泽山

Answer 1

试试这个

li li.is-active {
    background: none transparent scroll repeat 0% 0%;
    filter: none;
    border-bottom: 0px;
}

希望能解决你的问题