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 (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
______________________________________________________________________
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/
