ouyang789987 / swfobject

Automatically exported from code.google.com/p/swfobject
0 stars 0 forks source link

z-index stacking wrong with Chrome, iframe, static publishing #502

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
HTML page contains drop-down JS menu and Flash applet.

Most modern browsers show drop-down menu properly over Flash, no matter which 
type of embedding is used.

But Chrome (6.0.472.63) with "static publishing" method of SWFObject shows 
Flash over any HTML. I could not find a way to change this with z-index.
At the same time, "dynamic publishing" and traditional object+embed method both 
work properly.

Chrome 6.0.472.63, SWFObject 2.2, Flash 10.1.85.3, HTML 4.01 Transitional

Original issue reported on code.google.com by Konstantin.Pelepelin on 24 Sep 2010 at 11:09

GoogleCodeExporter commented 9 years ago
Hi Konstantin

This is not a SWFObject bug.

z-index does not affect HTML overlaying Flash Player, because Flash Player does 
not respect z-index.  Using wmode opaque or transparent enables you to use CSS 
(specifically the 'position' declaration) to control HTML overlays.

http://learnswfobject.com/advanced-topics/placing-html-elements-over-a-flash-mov
ie/
http://www.kaourantin.net/2010/02/core-animation.html

If you're having trouble with the static publishing approach, be aware that it 
uses <object> which sometimes needs extra CSS handling. For example, <object> 
is an inline element and sometimes need to be set to display:block.

Again, this is not a SWFObject bug. If you continue to have issues in Chrome, I 
suggest filing a bug report with Adobe (Flash Player) and/or Google (Chrome).

If you would like help troubleshooting your SWFObject/HTML/CSS, please post to 
the Group, not in the Issues list: http://groups.google.com/group/swfobject/

Thanks

Original comment by platelu...@gmail.com on 24 Sep 2010 at 4:50

GoogleCodeExporter commented 9 years ago
Thank you, I've found a mistake in my assumptions. Chrome uses params from 
external object and does not use params from internal object, that was the 
reason. Sorry for posting.

Original comment by Konstantin.Pelepelin on 24 Sep 2010 at 7:51

GoogleCodeExporter commented 9 years ago
No problem, glad you got it working

Original comment by platelu...@gmail.com on 24 Sep 2010 at 11:22