CODEWITHSUNDEEP
htmlcss
learner
learner

Reputation: 307

background image not displayed with css

I want to set background image and it is not working. I dont know what the problem is but it just not working please help me out.

html code is:

<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>

My css is:

.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;
}

And my image size is 231*86px hope u will find the answer and post it

Upvotes: 0

Views: 32

Answers (1)

Nooo Body
Nooo Body

Reputation: 188

Just add http:// before the image locating in your webserver like this http://img/logo.png and it will start working.

Upvotes: 1

Related Questions