Как остановить HTML-элементы от наследования фона в IE

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 наследует фоновый фильтр от родительского. Я не могу заставить фон исчезнуть. Может быть, мне нужно установить фильтр на что-то вроде нет или прозрачный?

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