Re: CSS3 and Multiple Backgrounds

> [Original Message]
> From: Chris Moschini <cmoschini@myrealbox.com>
>
> Take the now-classic CSS Zen Garden, using its standard style:
> http://csszengarden.com/
>
> Note that, at the top-left of the page is a lillipad image that does
> occupy some of the space outside the content, but also some inside
> the content. At the bottom-left is a blossom tree with the same
> inside/outside characteristics.
>
> In this case, the effect is only possible because there are 2 layers
> to apply backgrounds to - the body tag and a second div tag occupying
> the same area. If a design backing 4 corners was desired, 3 extra
> tags would be needed. And if you wanted something in the center
> as well... .
>
> Ideally, this stacking of background images in a design that can be
> any width or height could be handled in one CSS definition, instead
> of modifying (and cluttering) the *ML for each layer of decoration.

I think the ::outside pseudo-element of the Generated Content WD

http://www.w3.org/TR/2003/WD-css3-content-20030514/#wrapping

will do what you want to do here.

Received on Wednesday, 17 December 2003 18:51:58 UTC