0

我有一个有序列表，每个<li>元素都有一个渐变背景。对于 IE8/9 支持（我只需要支持 IE8+ 和 Chrome），我使用了 -ms-filter（参见下面的代码片段）。在 Chrome 中一切看起来都很棒，但在 IE8 中，列表编号不显示。但是，如果我从我的 CSS 中删除 -ms-filter，一切都会完美显示（当然，渐变不存在除外）。这是我的代码：

HTML：

<ol id="myList">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ol>

CSS：

#myList li {
    background-color: #def;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EDF3FF', EndColorStr='#CCEEFF')";
    background-image: -ms-linear-gradient(top, #EDF3FF 0%, #CCEEFF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDF3FF), color-stop(1, #CCEEFF));
    background-image: -webkit-linear-gradient(top, #EDF3FF 0%, #CCEEFF 100%);
    background-image: linear-gradient(to bottom, #EDF3FF 0%, #CCEEFF 100%);
    padding: 3px 0px;
    width: 130px;
    margin: 3px;
}

关于为什么这不起作用的任何想法？任何可能的修复？（除了删除 IE8 的渐变）

4

0 回答 0