如何在IE中阻止HTML元素继承背景颜色

Question

我在尝试让IE不显示子元素的背景，当父元素应用了滤镜时出现问题。我对在CSS中使用IE的滤镜还很新。这是一个伪代码示例。HTML:

<ul>
    <li>Item With Background</li>
    <ul>
        <li>Item Without Background</li>
    </ul>
</ul>

CSS：

ul li {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 );
}
ul ul {
    background: none;
}
ul ul li {
    background: none;
}

在这种情况下，子li元素从父元素继承了背景过滤器。我似乎无法让背景消失。我可能需要将过滤器设置为none或透明吗？

- Brack

Answer 1

尝试覆盖过滤器：

请点击此处了解更多信息。

ul ul {
    background: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}
ul ul li {
    background: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)" !important;
}

- Kevin Ji