絕對定位的圖像內容列表中的僞元素之前在IE（11）

我試圖在僞元素之前設置圖像。它當然適用於除IE11以外的所有瀏覽器。這裏的定位不能按預期工作。絕對定位的圖像內容列表中的僞元素之前在IE（11）

<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中工作？

來源

2017-07-17 DarsVaeda

您是否嘗試過加入SVG作爲'背景image'，而不是在'content'屬性中？ – sol

我認爲有一個原因，我沒有這樣做。但我不記得了。我會嘗試的。感謝您的建議。 – DarsVaeda

是的，似乎有用。我不記得我爲什麼使用這些內容。 – DarsVaeda

而不是使用content的，請嘗試使用background-image財產，因爲你需要調整位置...

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

來源

2017-07-17 14:47:03 sol

絕對定位的圖像內容列表中的僞元素之前在IE（11）

回答

相關問題