Great, thank you so much.  I will dig into this and see what I can do.

I have not done a good job of validating yet, but that was next on the list 
once I figured this out.

Thank you again for taking the time to help.

Cory 

-----Original Message-----
From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] 
Sent: Tuesday, February 19, 2008 11:13 AM
To: Cory Shubert
Cc: [email protected]
Subject: Re: [css-d] Layering of background images help

Cory Shubert wrote:
> I have a site that is giving me grief.  I want to have an image on top 
> of two different background images and I just can't seem to figure it 
> out.

> Temp url: http://69.89.31.183/~pixelago/

Layering of images or any other elements can be done in many ways.
Support for multiple backgrounds is still a bit weak, so you'll have to add, or 
reuse, a separate element. This separate element can be the image itself (an 
<img>), or any element that can carry a background.

You can then absolute position this element, or float it in a suitable position 
and pull/push it into its proper place by its margins.

An example: <http://www.gunlaug.no/tos/alien/cs/test_08_0219.html>
...using float on a new element, a div #overlay, which is given its own 
background. I didn't bother digging for your background, so don't know how that 
one will behave.

When using floats this way the separate element(s) must be placed next to the 
fix-sized elements it(they) should end up in front of, or else it'll be 
impossible to know how far to push/pull it(them) to achieve a stable position.
I've added a 'margin-doubling on floats' fix ('display: inline;) for IE6, and a 
'position: relative' for reliable stacking in front.

Note: IE6 show no top-navigation on your page.

regards
        Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to