On Jul 12, 2008, at 4:03 PM, Marshal Horn wrote:
> On Fri, Jul 11, 2008 at 9:39 PM, Philippe Wittenbergh <[EMAIL PROTECTED]
> n.com> wrote:
>>
>> [quote]
>> The uniform opacity setting to be applied across an entire object
>> [/quote]
>> In other words, 'opacity' is applied to an _entire_ element (border,
>> background, foreground) and all its descendants. And no, it has
>> nothing to
>> do with inheritance.
>>
>
> Well, that makes sense. However, it seems both Safari and Firefox are
> then displaying it incorrectly.
> I have an untitled list with a semitransparent background, and the
> contained list items should be fully opaque (though they have no
> background, they have text). The way I can tell is that the yellow
> text is dimmer inside the li tags than in the main body.
You have a ul with opacity applied:
div.sitemap ul {
background:#222222 none repeat scroll 0% 0%;
border-top:0.35em ridge #0000AA;
float:left;
list-style-type:none;
margin:0px;
opacity:0.8; /* <----------- This ----- */
padding:0em 0em 0.2em 0.5em;
}
/* site_map.html (line 36) */
The elements contained by (descendants of) the <ul>: <li>, <a> are
affected by the opacity of the parent element.
Thus, yes, Opera, Gecko (Firefox) and WebKit (Safari) are correct to
display the list-items as 'semi-transparent'. Their colour is affected
by setting 'opacity' on the ul.
As I said, if what you want is a semi-transparent --background-- for
the <ul>, allowing for the main background image to be visible, you'll
have to use rgba or hsla colours (works fine in Safari 3.x and Firefox
3.0x), or use a semi-transparent image as a background for the <ul>.
Again: 'opacity' is not making the background of an element semi-
transparent. It makes the whole element (border, background,
foreground colour) semi-transparent.
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/
