W3C home > Mailing lists > Public > public-css-archive@w3.org > December 2017

Re: [csswg-drafts] [css-color] opacity and stacking context?

From: SelenIT via GitHub <sysbot+gh@w3.org>
Date: Mon, 11 Dec 2017 07:30:53 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-350643090-1512977452-sysbot+gh@w3.org>
The current draft seems to have the same text about the `opacity` propery (https://drafts.csswg.org/css-color/#transparency):

> If opacity has a value less than 1, the element forms a stacking context for its children. This means that any content outside of it cannot be layered in z-order between pieces of content inside of it, and vice versa. If the element is in a context where the z-index property applies, the auto value is treated as 0 for the element.

Also, it states that the opacity is applied to the element as a whole, including nested elements, so it's impossible to "undo" opacity for children by setting them greater `opacity` value:

> The opacity property applies the specified opacity to the element as a whole, including its contents, rather than applying it to each descendant individually. This means that, for example, an opaque child occluding part of the element’s background will continue to do so even when opacity is less than 1, but the element and child as a whole will show the underlying page through themselves.

Doesn't this answer to your second concern (about children's opacity)?

GitHub Notification of comment by SelenIT
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2093#issuecomment-350643090 using your GitHub account
Received on Monday, 11 December 2017 07:30:57 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:21 UTC