Multiple background images - SOLVED
Hi, me again, another background question.
There was a post in 2007 about multiple background images which is similar to what I'm after, but not quite.
I have one body background image attached to the top, with the properties
background-repeat: repeat-x; background-attachment: fixed;
I would like to attach a second image to the bottom left side, so that it stays in place as I scroll down and serve as a kind of background for the sidebar. I added the extra code to see what would happen, and only the new image was visible. Is there a way to have the bottom left image plus the background top image on the same page?
Much obliged!
ETA Solved by wingweaver22 over at mintyhelp:
For an overall background, add
html {background: url('') repeat fixed #;}
For a bottom left image, add
body {background: url('') no-repeat bottom left fixed;}
For the header, add
.pageblock{background-image: url(''); background-repeat: no-repeat; background-position: top center; }
It gave me the result I was going for.
There was a post in 2007 about multiple background images which is similar to what I'm after, but not quite.
I have one body background image attached to the top, with the properties
background-repeat: repeat-x; background-attachment: fixed;
I would like to attach a second image to the bottom left side, so that it stays in place as I scroll down and serve as a kind of background for the sidebar. I added the extra code to see what would happen, and only the new image was visible. Is there a way to have the bottom left image plus the background top image on the same page?
Much obliged!
ETA Solved by wingweaver22 over at mintyhelp:
For an overall background, add
html {background: url('') repeat fixed #;}
For a bottom left image, add
body {background: url('') no-repeat bottom left fixed;}
For the header, add
.pageblock{background-image: url(''); background-repeat: no-repeat; background-position: top center; }
It gave me the result I was going for.