CSS Background Image Not Displaying

Question

I have an HTML file with a subdirectory called img with an image called debut_dark.png. In my CSS file, I have:

body {      background: url(/img/debut_dark.png) repeat 0 0; } 

The HTML file has the body tag and does include the CSS file appropriately. I know for sure the CSS file is included properly as everything else is formatted properly.

The background image is not getting displayed, I am only seeing a white background. Any ideas how to fix this, or even how to debug it?

Answer 1

According to your CSS file path, I will suppose it is at the same directory with your HTML page, you have to change the url as follows:

body { background: url(img/debut_dark.png) repeat 0 0; } 

Answer 2

You should use like this:

          body {              background: url("img/debut_dark.png") repeat 0 0;         }          body {              background: url("../img/debut_dark.png") repeat 0 0;         }          body {              background-image: url("../img/debut_dark.png") repeat 0 0;         }  

or try Inspecting CSS Rules using Firefox Firebug tool.