Pages

Sunday, August 01, 2010

How to make a flash object render NOT in top z-level

Q : I have a webpage with DHTML navigation menu. On the page also have an embedded flash object. Currently when I activated a DHTML menu, the opened menu items list appear below the flash.
How could I make the DHTML menu items to appear on top of the flash object. I reckon that there will be an attribute that we could use while writing or tag for the flash object.
I hope the solution will work across all major browser (Firefox3, IE6, IE7, IE8, Chrome, and Safari).
Thanks.

A: Flash objects are by default placed over top of DHTML. To make a Flash object rendered as part of the DOM and obey the appropriate z-index you need to set the wmode attribute to transparent as follows:



credit : StackOverFlow