Question

I’ve downloaded a background image for my website, and for some reason or other, it’s simply not being displayed.

This is the CSS code I’ve got:

background-image: url(Resources/Icons/background-image.jpg);
background-attachment: fixed;

I’ve even tried adding the full path name – to no avail.

The strange thing is that I’ve done this numerous times in my website, and all my images are displayed. It’s only this that’s giving me a problem – and there is no red cross showing that it cannot find the image – it just doesn’t appear.

EDIT: For some reason, if I place the url of the webage where I got the image from, it works.

Any ideas?

Answer 1

Is your css in the same directory as your image? Probably not, I would assume. So you need to get back to the root and access the image properly.

Something like:

background-image: url(../Resources/Icons/background-image.jpg)