two backgrounds! can it be done?

christopher · #1 Mar 8th, 2008, 16:32

Hi

i want two backgrounds on my document.

the first, a centered vertically repeating gradiented column background (transparent .png)

then UNDERNEATH it i want to put a stripe pattern on. (separate img)

this is so it will adapt to different resolutions.

anyone any ideas?

christopher

christopher · #2 Mar 8th, 2008, 17:21

if it helps then this is the link

http://www.vibrantcolour.co.uk/dev/

all css is inline atm so you can see it

Aso · #3 Mar 8th, 2008, 18:49

You can use the html and body elements of your HTML to create a layered background.

Since html appears before body in the semantic structure of your HTML, this will be the 'lower' layer of the two (any background you apply to body will mask over html)

An example CSS

Code: Select all

html {
background: #fff url('path/to/seperate/img.png') no-repeat 0 0;
}
body {
background: url('path/to/transparent.png') repeat-y 50% 0;
}

If you're having problems, upload the changes and I'll check it out

christopher · #4 Mar 8th, 2008, 19:03

thanks aso, will try that now.

delusion · #5 Mar 8th, 2008, 19:07

Keep in mind that IE6 doesn't support transparent .png's..

christopher · #6 Mar 8th, 2008, 19:29

yes, i will.

christopher · #7 Mar 9th, 2008, 11:20

thanks, it works now!

http://www.vibrantcolour.co.uk/dev/

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
web backgrounds	danny322	Graphics and 3D	3	Mar 7th, 2008 09:38
Hmm I Need Two Backgrounds !!	bruno89	Web Page Design	8	May 11th, 2007 14:26
Question about backgrounds	Moonlilly	Starting Out	1	Feb 2nd, 2007 18:16
Web Backgrounds	jimz	Graphics and 3D	12	Mar 8th, 2006 22:27
Stretching Backgrounds	ed@thehaunting.net	Flash & Multimedia Forum	1	Apr 7th, 2004 13:54

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
two backgrounds! can it be done?