有序列表與背景圖像不IE10正確顯示，IE11

我有我的網頁上的以下HTML代碼來創建有序列表與背景圖像不IE10正確顯示，IE11

<ul class="rightdivul"> 
       <li id="linkedinli"> 
        <a href="https://www.linkedin.com/in/xxxxxx">www.linkedin.com/in/xxxxxx</a> 
       </li> 



       <li id="twitterli"> 
        <a href="https://twitter.com/xxxxx">@xxxxxx</a> 
       </li> 

      </ul>

我使用下面的CSS樣式此列表：

ul.rightdivul { 
text-align: left; 
list-style-type: none; 
font-weight: 300; 
padding-left: 20px; 
font-weight: 300; 
color: #23313E; 

} 

#linkedinli { 
background: url(images/Linkedin.svg) no-repeat; 
padding-left: 30px; 
margin-bottom: 15px; 


} 

#twitterli { 
background: url(images/Twitter.svg) no-repeat; 
padding-left: 30px; 
margin-bottom: 3px; 

}

在Chrome，Firefox，Opera，Safari，Edge中，背景圖像在文本前正確顯示。但是在IE10中，IE11的背景圖片與文字重疊。我在這裏錯過了什麼嗎？

來源

2017-03-08 Dresse

嘗試寫這樣的：

background: url(/*your url*/); 
background-repeat: no-repeat;

取而代之的是：

background: url(/*your url*/) no-repeat;

來源

2017-03-08 17:45:02 Larpee

感謝您的答覆Larpee，遺憾的是這個調整並沒有解決問題。 – Dresse

@Dresse哦，我很抱歉它沒有 – Larpee

這個問題出現在我的svg圖像中，我最終在以下主題中找到了答案： http://stackoverflow.com/questions/17944354/svg-background- image-position-is-always-centered-in-internet-explorer-though-b – Dresse

有序列表與背景圖像不IE10正確顯示，IE11

回答

相關問題