html - 背景图像未使用 css 显示

Question

我想设置背景图片，但它不起作用。我不知道问题出在哪里，但它无法正常工作，请帮助我。

html代码是:

<div class="main">
    <div class="header clearfix">
<div class="container">
    <div class="left-header">


        <a href="" title="Home" class="ann"><div class="logo"></div></a>
        <div class="fb-like" data-href="https://www.facebook.com/pages" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
    </div>

  </div>
</div>

我的 CSS 是:

.logo{
background: url("img/logo.png") no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 201px;
margin-left: 10px;
height: 76px;
margin-top: 19px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
}

我的图片大小是231*86px希望你能找到答案并发布

Answer 1

只需在您的网络服务器中定位的图像之前添加 http:// 就像这样 http://img/logo.png 它就会开始工作。