181138 - Z-index of 1 does not appear above embed element when that z-index is set to 0

Status: VERIFIED INVALID

(Core Graveyard :: Plug-ins, defect)

Description

[Matthew Schultz]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2b) Gecko/20021016
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2b) Gecko/20021016

When setting an absolutely positioned layer over an embedded element in which
the layer should appear on top through setting the z-index to a number higher
than the embedded element, it remains below the embedded element.

Reproducible: Always

Steps to Reproduce:
1.
2.
3.

Comment 1

[Matthew Schultz]

Attachment: This doc shows that element does not appear above embed element

The absolutely positioned does not appear above the embed element even though
that element has a z-index higher than the embed element.

Comment 2

[Boris Zbarsky [:bzbarsky]]

For this to work you must be using a flash plugin that supports windowless
operation (Flash 6, in other words).  There is no other way to do it, since
plugins paint directly to the screen.

Comment 3

[Matthew Schultz]

It is possible to paint layers over plugins.  I have seen it done here:
http://luxehotels.mrcstudio11.com/

Note:  You will have to view this site in MSIE to see it work but it IS possible.

Comment 4

[Matthew Schultz]

If you mouseover the sub menu on the left in MSIE, the layer WILL appear above
the flash plugin on the website.

Comment 5

[Boris Zbarsky [:bzbarsky]]

Repeating my comments from e-mail:

1)  Are you setting a "wmode" on the embedded object?
2)  Are you using the latest Flash 6 beta?
3)  Are you setting the "HTML Window mode" on the actual flash file to anything?

Note that IE's and Mozilla's flash plugins are totally different programs with
totally different modes of operation and capabilities.

In any case, there is no DOM involved here.

Comment 6

[Matthew Schultz]

I do not see any wmode or HTML Window mode in the right click menu.  This is the
flash version I'm using according the plugins menu: Shockwave Flash 6.0 r47

Comment 7

[Matthew Schultz]

Does the flash file have to be enabled for this so-called windowless operation
for layers to be painted over it in mozilla?  Does this only apply to Mozilla
since the website I quoted shows MSIE painting menus over the flash file?

Comment 8

[Boris Zbarsky [:bzbarsky]]

The "HTML Window mode" is an option when creating the flash file, not when
viewing it.

Comment 9

[Matthew Schultz]

So what do I set wmode to in order to get layers to appear over the flash file?

Comment 10

[Matthew Schultz]

Attachment: New Test File to show wmode setting

This test file shows that there is a wmode attribute to the embed tag that
mozilla uses when authored through flash.  If such a setting exists in the
flash authoring software, could this be an issue with mozilla?	Setting wmode
to opaque or transparent allows the layer to show above the flash file in MSIE
6.0 and MSIE 5.0.  The previous file I submitted did not do that without the
wmode attribute.  There is a wmode attribute that flash sets up in the embed
tag but it does not seem to work in Mozilla?

Comment 11

[rubydoo123]

When I view the test case in Opera 7, the page renders the same as in the
current trunk build. IE uses ActiveX so I would suspect that that is the reason
it renders different. Can you attach a screen grab of how you expect the page to
render -- that may help.

Comment 12

[rubydoo123]

I also wanted to note that in IE, the z-index rendered below the images

Comment 13

[Matthew Schultz]

Attachment: This is what the correct rendering should look like

Notice that the upper part of the layer renders over the flash file.

Comment 14

[Matthew Schultz]

I just want to add that the first attachment no longer applies and attention 
should be applied to the 2nd and 3rd attachments.

Comment 15

[rubydoo123]

Great! thank youso much -- indeed IE renders like that, but Opera renders the
same as we do. Serge/Andrei - any suggestions?

Comment 16

[David Brittain]

You are using the wrong version of flash, the version that includes wmode
support is here:

http://www.macromedia.com/software/flashplayer/special/beta/

and is version 6.0r61. r47 does not include wmode support.

Comment 17

[Matthew Schultz]

You are right.  I upgraded to 6.0r61 and the layer finally shows on top.  When
will this version of the Flash Player be shipping with Mozilla so that people
will not have to worry about upgrading to this?

Comment 18

[rubydoo123]

yes it works with the correct player