I need to use a stretched full screen background image. This I can do using these methods:
http://webdesign.about.com/od/css3/f/blfaqbgsize.htm
http://www.cssplay.co.uk/layouts/background.html
The problem is that I also need to switch style sheets.
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm
This also works fine on it’s own but because the image is defined in the <body> and not the style sheet you can’t change the background image when you change style sheets.
What I would like to do is define the background image source in the external css file something like this:
body {
background-image:url(images/bg.jpg);
}
which allows for a different background image with each style sheet however the stretched full screen image no longer works.
Is there a way to create a full screen background image where the image source is defined in the external css file and not the html code?