Flash Movie always on top in browser

General Add comments
SocialTwist Tell-a-Friend

Flash content - Drop down menu issue

If you want to embed a Flash / Flex .swf file below drop down menu in a HTML page, you could probably see that the flash file is on top of the page even though you set the z-index of the Div. Solution for this issue is, add the wmode param while setting the swf Object to the page.

<embed wmode="transparent" name="home" id="home" src="flash.swf" type="application/x-shockwave-flash" />

Issue :

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order ("z-index") of those layers.

Reason
By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. In older browsers, attempts to place a DHTML layer on top of a Flash layer would fail. Newer browsers add the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash content (see below).


Solution
Use the WMODE parameter to allow layering of Flash content with DHTML layers. The WMODE parameter can be 'window' (default), 'opaque', or 'transparent'. Using a WMODE value of 'opaque' or 'transparent' will prevent a Flash movie from playing in the topmost layer and allow you to adjust the layering of the movie within other layers of the HTML document.

Note :- Original adobe post

3 responses to “Flash Movie always on top in browser ”

  1. abhijit
    abhijit Says:
    Great post
  2. nathan
    nathan Says:
    I am building a portfolio to show off my artwork in flash, I plan to put the flash movie onto disks and hand them out to potential clients, I have been trying to figure out and have not made to much headway figuring this out, but is there away to open a browser window to my sites link from the mini site on the disk?
  3. CF Mitrah
    CF Mitrah Says:
    @Nathan, I hope AIR will help you.

Leave a Reply

*** Please do not post spam. All comments require moderation,
So it may take some time to post to this blog! ***





Powered by Mango Blog. Design and Icons by N.Design Studio