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;

在IE10，IE11中无法正确显示背景图像的有序列表

1 个答案: