250273 - -moz-opacity should not be Inherited

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Jakub Klawiter]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113

The opacity property should not be inherited.
<http://www.w3.org/TR/css3-color/#property >

So if it is not inherited, the "layer" which is over layer with opacity should
be the same as in case if there is no opacity in CSS at all.

Now just see my small testcase:
<http://www.mag-loop.net/temp/Mozilla/testcase/OpacityOff2.html>

Three boxes:

1. SMALL - opacity 1.0 should be full blue #0000FF is located inside:
2. MEDIUM - opacity 0.5 works correct, and is located inside:
3. LARGE - Opacity 1.0 is solid RED #FF0000

But ... the small one is in fact not transparent for text on MEDIUM one, but it
is transparent to background of LARGE and LARGE + MEDIUM

Excuse me I cannot describe it better, but you can see the webpage, and will
know how it should look like.




Reproducible: Always
Steps to Reproduce:

Comment 1

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

It's working correctly (as I told you yesterday on IRC).  Read the spec.

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

In particular, see the sentence:

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>.