How to have multiple backgrounds?

liunx

Guest
Is it possible to have a small non repeating background set to fixed in the bottom right and also have a repeating background to the page?
hope this is clear enough pleze tell me if u dont understandTry using this. If it doesn't work, use the body tag and then the DIV tag that contains your content area.


html {
background: url(rightwrap.gif) top left repeat fixed;
color: #000;
}

body {
background: url(rightbot.gif) bottom right no-repeat;
color: #000;
}this does not work becuase the body backgrond replace the html nackghround and a conatiner div would over lay over the water mark imageYou can set a width for the body tag, or the container DIV; its default is 100%, which is why it would overlap the background image.but do you know a way around it?

i dont want a div less than 100%Use two inner DIV's with widths less than 100% or use images instead of backgrounds.
 
Back
Top