On Apr 22, 2010, at 4:40 AM, Thierry Koblentz wrote: >> What's happening is that everything has an opacity of 50%. You can't >> apply it to just the background, afaik, but you can fake it. >> Set the opacity to 50% on the parent, like you've got, and then reset >> the opacity to 100% on all the children. I believe that does the >> trick, but I haven't played with opacity in a while. > > That won't work.
To expand a little on this: opacity is applied to the whole box, not only to the background(-color). Thus the descendants of that box will also have the opacity applied. http://www.w3.org/TR/css3-color/#transparency As Tim Snadden notes: E { background: url(semi-transparent.png) repeat; /* oldies */ background: rgba(255,255,255, .5); color: rgb(10,10,10,); } Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ 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/
