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

、子li要素は、親からのバックグラウンドフィルタを継承しています。私は背景が消えるように見えることはできません。フィルタをnoneまたはtransparentのように設定する必要がありますか？

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