Background image doesn't show when defined in stylesheet

Question

I am very new to css so this maybe a simple answer. I have 2 scenarios and 1 works the other doesn\'t. I hope someone can help me out.

WORKS:

Answer 1

In my case:

I had a CSS folder. So, inside my CSS folder I had my style.css so I was typing inside my style.css the following:

background: url('img/mybgimg.jpg')

instead of

background: url('../img/mybgimg.jpg')

...I hope this can help to anyone who is having the same issue.

Answer 2

It looks like your CSS file is in the views/default/ folder, while the image is in the views/default/images/ folder.

Define image paths in your CSS relative to the CSS file, not the HTML file that displays everything:

background-image:url('images/home.jpg');