CSS Background image , not working

[manufufu]

I don’t know why the image is not showing up….
Any help?

This is the HTML Code

<div class="main">
         <div id="logo">
             <div class="jumbotron"></div>
         </div>
</div>

This is the CSS Code
#logo{
background:url(background.jpg) no-repeat;
background-size:cover;
}

[Paulie_D]

Can you make a demo in Codepen.io rather than just dumping some code?

[manufufu]

https://codepen.io/anon/pen/YrbGBL
Here it is mate.
Assume that there is bootstrap file in it….

[Paulie_D]

Ahhh…you are using the shorthand.

Just add the background-size as another line…

https://codepen.io/Paulie-D/pen/zEQowP

or

split the position/size keywords like position/size

https://codepen.io/Paulie-D/pen/pWmNrN

[bearhead]

Your background declaration should look like this:

background:url(https://i.ytimg.com/vi/n1sk-0k6ysc/maxresdefault.jpg) top left/cover no-repeat;

[manufufu]

Thanks @Paulie_D and @bearhead

[Author]

Posts