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/
