Question

我有一个有序列表，每个<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的渐变）

当li元素具有-ms-filter渐变背景时，子弹不显示在IE8中

0 个答案: