Nicole Henningsen's Blog
Posted At : June 5, 2009 8:38 AM | Posted By : Nicole Henningsen

Placing cfwindow over flash movie

I was just recently asked how to make a cfwindow appear over the top of a flash movie. This seemed to be something a lot of people have been having trouble with. I had seen a lot of posts about using css to set the z-index. I was never able to get this to work as others were not either. The trick is to actually set it with in the flash movie itself.

Inside the object tag of your flash you simply need to add another param that will set the wmode to transparent.
<param name="wmode" value="transparent">
Next we need to add the wmode to the embed tag
wmode="transparent"

So your complete code should look something like this

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="TestFla" width="507" height="159"
codebase="http://fpdownload.macromedia.com/get/flash
player/current/swflash.cab"
>

<param name="movie" value="TestFla.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="wmode" value="transparent">
<embed src="TestFla.swf" quality="high" bgcolor="#869ca7"
width="507" height="159" name="TestFla" align="middle"
wmode="transparent"
play="true"
loop="false"
quality="high"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">

</embed>
</object>

And that's it your cfwindow should now appear of the top of your flash movie.

Comments
Technically, I think the flash movie is still on top, it is just transparent so you can access the elements underneath.
# Posted By Jake Churchill | 6/5/09 9:26 AM
Jake-
Exactly...It "appears" to be over the top of the flash mobie but it is just transparent.
# Posted By Nicole | 6/5/09 9:41 AM
Glad you were able to get it. Its interesting to see how these things pop up every so often.

http://phillyun.blogspot.com/2008/05/fff-css-menus...
# Posted By Jason Troy | 6/5/09 3:34 PM



Blog provided and hosted by CF Webtools. Blog Sofware by Ray Camden.