html - 带有背景图像的有序列表在 IE10、IE11 中无法正确显示

Question

我的网页上有以下 HTML 代码来创建列表

<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 中，背景图像与文本重叠。我在这里遗漏了什么吗？

Answer 1

试着这样写:

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

取而代之的是:

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