Fix background images to header and footer – multiple images?
-
I have a site where I want the background image to fade from colour 1 to colour 2 at the top, and then from colour 2 back to colour 1 at the bottom.
I thought the best way to do this might be with a background image I created in photoshop, but the pages are going to be of different lengths. So an image that would look good for one page, wouldn’t work that well for another longer (or shorter) page.
I then thought a better idea would be to set the background colour of the body to colour 2, and have an image at the top that fades from 1 to 2, and an image that would be at the bottom fading from 2 to 1. However, it seems that you can’t have more than one background image (unless you’re using CSS3 which isn’t great with all browsers).
Is there any way to either:
1) Apply a background image the can be fixed at the top and the bottom and will stretch/shrink in the middle to fit the different sized pages.
2) Add one background image to the top of the page, and a separate one to the bottom of the page, either overlapping in the middle or leaving a space that can be filled with a background colour.Thanks
- The topic ‘Fix background images to header and footer – multiple images?’ is closed to new replies.