Question

My Background image is not showing up on the site. I am using HTML5 with CSS. Here is the corresponding code.

 body {
        width: 1000px;
        background-image: url(background.jpg);
        background-repeat:repeat-x;
        background-color:#D1E1E1;
        }

Secondly, when i try to view the image by accessing the URL, for e.g. myurl[dot]com/background.jpg

But, the Image is present on my server. When, i go to my FileManager, and click on view the image, it correctly shows up.

My whole site loads up, instead of the image. This is very strange behaviour and i am not aware of it. I looked up the net and could not find any solution.

EDIT: When, i run this code on my own computer(localhost), the site works correctly.

Answer 1

Failed to load resource: the server responded with a status of 403 (Forbidden) 

Check file permissions, it should be at least 644, but just make it 777

If this doesn’t help, have you ever played with your .htaccess file?