286688 - CSS3 opacity not working correctly for images.

Status: RESOLVED INVALID

(Core :: Layout, defect)

Description

[Daniel O'Connor]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050225 Firefox/1.0.1

See testcase. The image is rendered with the parent container's opacity.

Reproducible: Always

Steps to Reproduce:
1. Create a div with an id
2. Set div's opacity < 1
3. Create an image inside of the div
4. Use css to set image's opacity to 1

Actual Results:  
Image's opacity is not set.

Expected Results:  
Image's opacity is set.

Comment 1

[Daniel O'Connor]

Attachment: Testcase

Comment 2

[Anne (:annevk)]

This is INVALID.

http://www.w3.org/TR/css3-color/#transparency

Note that it is not inherited and can therefore not be overwritten. You should
use rgba() or so which is not supported atm.

Comment 3

[Daniel O'Connor]

(In reply to comment #2)
> This is INVALID.
> 
> http://www.w3.org/TR/css3-color/#transparency
> 
> Note that it is not inherited and can therefore not be overwritten. You should
> use rgba() or so which is not supported atm.

Are there any other current, implemented workarounds? Otherwise we can see
undesireable effects where a page background is displayed partly through a
content div, but images in the content div still retain the see through effect -
it's quite an unsettling effect.

Failing that, where's the best place to address comments in regards to css3 and
get clarification?

Comment 4

[Anne (:annevk)]

[e-mail] is the place to ask clarification about W3C working drafts.
Note however that others have done so before and the WG will most likely point
you to the rgba() and hsla() values.