stylesheet reference issue

I have a stylesheet defined in the index.html as

<link rel="stylesheet" type="text/css" href="css/template.css">

Inside the template.css, I have declared

body{
background-image: url(images/background.png);
b开发者_如何学Cackground-repeat: repeat;
}

Why is the image not getting displayed? The path is correct

---

The path in the CSS should be relative to where the CSS file is located, not from where the page where the CSS file is being loaded from.

Try:

background-image: url(../images/background.png);

When you are starting out, this can seem counter intuitive, but it's actually a good design as your CSS file can then be called from any page in any folder and the references to the images will not be broken.