为什么我的背景图片不显示？

Question

我无法理解为什么在使用background-image属性时我的背景图像没有显示出来。如果我尝试在list-style-image属性中使用它，它将不会显示。如果我在img元素中使用将 ，但我不想这样做。我无法弄清楚为什么它没有出现。

这是我的HTML：

<ul class="contact">
    <li id="phone"><a href="tel:1234567890">(123) 456-7890</a></li>
    <li id="email"><a href="mailto:example@email.com" target="_blank">example@email.com</a></li>
    <li id="facebook"><a href="#" target="_blank">Facebook</a></li>
</ul>

这是我的CSS：

ul.contact {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 35px;
}

.contact li {
    background-image: url('img/phone.png');
    background-size: 2%;
    background-repeat: no-repeat;
    background-position: left;
}

Answer 1

我相当确定您的网址是错误的，我复制了您的代码，只是放置了一个我在imgur上发现的随机图片网址

background-image: url('http://i.imgur.com/oSNkApR.jpg');

试试这个并告诉我们它是否有效

background-image: url('/img/phone.png');

或者如果你正在使用ASP，也许试试这个

background-image: url('../ContentFolder/img/phone.png');

告诉我们您的情况。