548240 - Flash video displaying above iframe/div/flash (regression?)

Status: RESOLVED INCOMPLETE

(Firefox :: General, defect)

Description

[Adam Heath]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/533.1 (KHTML, like Gecko) Chrome/5.0.322.2 Safari/533.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.9.2) Gecko/20100115 Firefox/3.6

When a flash video (e.g. YouTube) is on a page, it is not possible to overlay any elements over it. The technique I have used is to put an iframe over the element and a div, both with z-index's higher than the flash video.

This technique worked in FF 3.5.8, and also works in Chrome, Safari and IE (tested latest versions). So I believe this may be a regression.

Note: My iframe and div used 'opacity' at 0.8 makign them semi-transparent, this does work in prior FF and other browsers.

Reproducible: Always

Steps to Reproduce:
1. Load youtube video onto page
2. Overlay iframe/div on top with absolute/fixed positioning with a higher zindex

Actual Results:  
Youtube video above the 'cover'

Expected Results:  
Youtube video behind the 'cover'

Comment 1

[Kevin Brosnan]

Would you provide the exact code you are using and attach it to this bug.

Comment 2

[James Thomson]

Attachment: Test case

The attachment demonstrates the issue. I'm viewing this in 3.6.8 and can confirm that I see the Flash appear above the overlay.

Comment 3

[Kevin Brosnan]

Your code does not change in Firefox 3.5. Therefore your attachment can't be what was described in comment 0. Either way you want to set the flash property wmode to be transparent, to get the flash element below the div.

No response from the reporter closing.