在IE中伪元素之前的列表中的绝对定位图像内容(11)

Question

我正在尝试在伪元素之前设置一个图像。当然，它可以在除IE11以外的所有浏览器上运行。这里的定位并不像预期的那样工作。

<ol>
    <li>
        :before

li {
    position: relative;
}

li:before {
    content: url('image.svg');
    position: absolute;
    width: 2.3em
    top: 2.5em;
    left: 1.2em;
}

问题是IE11似乎在图片内容上有问题。它可以处理文本，但不能处理content: url()。

下面是文本在top: 0; left: 0;中的外观：

​

这是使用top: 0; left: 0;时的图像：

​

IE11需要一些特殊的东西才能让它工作吗？或者只是不可能用这种方式来做？如何定位这些元素才能在大多数浏览器和IE11中工作？

Answer 1

尝试使用background-image属性并根据需要调整位置，而不是使用content。

​

li:before {
    content: '';
    background-image: url('image.svg');
    position: absolute;
    display: block;
    width: 2.3em;
    height: //
    background-size: //
    top: 2.5em;
    left: 1.2em;
}

​