有序列表与背景图像不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

回答

相关问题