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

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;