如何阻止HTML元素继承IE中的背景

Question

当父级的背景应用了过滤器时，我无法让IE显示子元素的背景。我很擅长在CSS中使用过滤器。这是一个伪代码示例。 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元素从父级继承背景过滤器。我似乎无法让背景消失。我是否可能需要将过滤器设置为无或透明？

Answer 1

尝试overriding the filter：

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;
}