W3C home > Mailing lists > Public > www-style@w3.org > December 2003

Re: CSS3 and Multiple Backgrounds

From: Ernest Cline <ernestcline@mindspring.com>
Date: Wed, 17 Dec 2003 18:52:02 -0500
Message-ID: <410-220031231723522859@mindspring.com>
To: "Chris Moschini" <cmoschini@myrealbox.com>, www-style@w3.org




> [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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:25 GMT