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

Question

我無法讓IE在父級應用了過濾器的情況下不顯示子元素的背景。對於在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; 
} 

在這種情況下，孩子李元素繼承了父背景過濾器。我似乎無法讓背景消失。我是否需要將過濾器設置爲無或透明？

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