0

我的 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 也在其上实现。

这是不希望的。

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

请让我知道任何可以帮助我解决此问题的建议。

提前谢谢你。

泽山

4

2 回答 2

1

我为你创建了一个 JS Fiddle。看看和玩。http://jsfiddle.net/Bf4CV/7/

于 2012-07-20T14:09:24.430 回答
1

试试这个

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

希望它能解决你的问题

于 2012-07-20T14:50:13.787 回答