- From: Brad Kemper <brkemper@comcast.net>
- Date: Sat, 1 Dec 2007 10:27:54 -0800
- To: Alan Gresley <alan1@azzurum.com>
- Cc: www-style@w3.org
On Nov 30, 2007, at 9:54 AM, Alan Gresley wrote: > Brad Kemper wrote in reply to Freyjkell: > >>> // valid: >>> >>> body >>> { >>> background: url('top_left.jpg') top left, url('bottom_right.jpg') >>> bottom right; >>> } >>> @media (renderer:Trident) >>> { >>> body >>> { >>> background:url('alternative.jpg'); >>> } >>> } >>> >>> -- >>> Freyjkell >>> >> >> Yes. I would see something like this example as a useful guidance >> note to accompany the specification in the Recommendation. > > > But that is not needed. The same can be done with. > > body > { > background: url('alternative.jpg') center; > } > body > { > background: url('top_left.jpg') top left, url('bottom_right.jpg') > bottom right; > } > > All browsers that I have tested in that doesn't support multiple > backgrounds will ignore the later rule block and use the earlier > rule block instead. This is what this updated test case demonstrates. > > http://css-class.com/test/css/colorsbackgrounds/multiple- > backgrounds.htm > > It has be altered to be nice to IE5.5 or earlier. No escape is > needed now. > > Kind regards, Alan > Its not a perfect example. The point was to show how one rule with a set of properties and values could be used to override another, not the specific of how background overriding works.
Received on Saturday, 1 December 2007 18:28:10 UTC