I am building a winter/summer site with which all pages bar one are from the same template file. The one on it's own is just coloured differently, i.e. links and images. I've given the <body id ="summer"> and created separate CSS rules all prefixed with #summer for all of these rules which work fine, but the background body image won't seem to change and i'm not sure why, as the format is the same as all the other rules. Also, if i remove the BG image from the first body rule there is no image visible at all, so one is not hiding the other, the #summer one is just not visible. Any help appreciated, thanks.
Here's the CSS:
This e.g. works fine:
Here's the CSS:
Code:
body {
font-size: 80%;
background-image:url(/img/main_BG.png);
background-repeat: no-repeat;
background-position: right top;
}
#summer body {
background-image:url(/img/main_BG_S.png);
}This e.g. works fine:
Code:
header {
background-image: url(/img/header_img.png);
background-repeat:no-repeat;
background-position:center top;
width:100%;
height: 145px;
}
#summer header {
background-image:url(/img/header_img_S.png);
}