flash z-index problem

[hicker]

hi,
i've a flash animation in the center of the page and i'm showing a basic dialog. but flash stays on top of dialog. i've tried to give z-index to flash object's style, and
Ext.useShims = true;
and added
shim:true
to basic dialog's config parameters but nothing changed. am i missing something?

[hicker]

here is the solution:
add this line to flash object's params:
<param name="wmode" value="opaque">

and this parameter to <embed... tag
wmode="opaque"

[tinker]

worked like a charm for me! thanks!!!

just a question though ... what exactly is "wmmode"?

[visves]

Thanks for following up and posting the solution! Saved some time!

[manoilayans]

here is the solution:
add this line to flash object's params:
<param name="wmode" value="opaque">

and this parameter to <embed... tag
wmode="opaque"

[Copernicus]

I also had this problem and the solution suggested here works fine if you have a html file with the flash object so you can modify the parameters directly. But what if you (like me) use swfobject to insert the flash movie into the page dynamically? Then you need a different approach. Here is how I solved this.

function embedChart(targetElement) {
var flashVars = {}
flashVars["data-file"] = "/chartrequest/";

var params = {}
params["wmode"] = "transparent";

swfobject.embedSWF("/res/app/flash/open-flash-chart.swf", targetElement, "100%","100%", "9.0.0", "expressInstall.swf", flashVars,params)}

The important part is params, where you can send in parameters to the flash object. Just set wmode to transparent and send it in. I also tried setting it to opaque and it works too. it seems to have the same effect. I also set the z-index on my div which hosts my flash movie to -100, like this:

<div id="chart" z-index:-100></div>

Hope it helps someone.