On Sat, Jul 12, 2008 at 8:28 PM, Marshal Horn <[EMAIL PROTECTED]> wrote: > Ah! > After making an example to show you what I meant, I finally realized it. > An opacity of, say, .75 would make a list and all its items partially > transparent and show the body's background (assuming the list is the > direct descendant of the body). An opacity of .75 on the list items > would make them partially transparent to the background of the list, > as well as however transparent to the background they are already (due > to the opacity of the list itself). > I also understand that W3 chose to do it this way so that developers > wouldn't have to change how they use it when W3 adds more features to > that property. > > Thanks!!! > > And thank you, Bill Brown. That stuff for FF2 and Opera look like > gibberish, but I'll trust that it works :) > > > And now on to theoretical: > A VERY powerful addition to CSS3 (that's even backwards compatible!) > The ability to specify the opacity of an item to each of its ancestor > tags. Say you have a list item inside an untitled list, nested in a > div tag (which is the direct descendant of the body). > opacity of li result > .5 li is half transparent to ul > .5, .5 li is half transparent to ul, plus > half transparent to div (you cannot see any contents of li) > .5, .25 li is half transparent to ul, plus a > quarter transparent to div > > I decided that is would be best to add the opacities, because it > allows for the most flexibility and control. However, there is an > additional value called "auto" to allow an opacity to that layer to be > overridden if it is specified elsewhere, *including in an ancestor tag* (of course, default is 1.0) > Now there's three options if an object tries to lend more than its full > opacity: > Clip transparencies from the farthest ancestors (default) far > Clip transparencies from the nearest ancestors near > scale opacities up proportionally > all > > > So why would I bother with all this: > 1. It makes for some awesome compatibility tests > 2. I like my hexadecimal > http://www.morecrayons.com/palettes/webSmart/slider.php# > > -- > ~ Marshal Horn > http://sotabot.com webmaster since May 6th, 2008 >
Forgot to mention a few things (one of them is in asterixies (*) above). The other is below: If no-one has come up with this before, I need to suggest it to the working draft. (please tell me and link to where it has been mentioned before if you know of it) ______________________________________________________________________ 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/
