W3C home > Mailing lists > Public > www-style@w3.org > January 2013

Re: Opacity applying to child elements

From: Gérard Talbot <www-style@gtalbot.org>
Date: Fri, 18 Jan 2013 22:41:44 -0500
Message-ID: <586152e12ed7068835e1ab3b779ddf1a.squirrel@ed-sh-cp3.entirelydigital.com>
To: "Mohammed Kashim" <me@mgakashim.com>
Cc: "W3C www-style mailing list" <www-style@w3.org>

Le Ven 18 janvier 2013 9:12, Mohammed Kashim a écrit :
> When applying opacity to say a div, it is also applied to anything within
> the div.


Can you upload a reduced test on an accessible webpage showing,
demonstrating this?


> There are various different hacks to get around this and they all
> work fairly well but the opacity property should have a way to specify if
> it is applied to all child elements or only the element which is targeted.
>
> Mo

"
Name: 	opacity
(...)
Inherited: 	no
(...)
If the object is a container element, then the effect is as if the
contents of the container element were blended against the current
background using a mask where the value of each pixel of the mask is
<alphavalue>.
"
3.2. Transparency: the 'opacity' property
http://www.w3.org/TR/css3-color/#transparency

When applying opacity to a container div, then it should not apply and
does not apply to its children.

Gérard
-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
Received on Saturday, 19 January 2013 03:42:17 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:04 GMT