I have a background image for my website that is simply a fade from purple to white. However Dreamweaver wants to either repeat the image or put it in a little box. I want to stretch it out over the background. How do I do this?
By default, background images don't resize to fill viewport. They are whatever size you created them in your graphics editor and repeated vertically & horizontally to fill the viewport.
Non-repeating background CSS:
body {
background-image: url(your-BG.jpg);
background-repeat:no-repeat;
}
Repeat horizontally but not vertically:
body {
background-image: url(your-BG.jpg);
background-repeat:repeat-x;
}
Repeat vertically but not horizontally:
body {
background-image: url(your-BG.jpg);
background-repeat:repeat-y;
}
Nancy O.
North America
Europe, Middle East and Africa
Asia Pacific