My Weblog: kutahya web tasarim umraniye elektrikci uskudar elektrikci umraniye elektrikci istanbul elektrikci satis egitimi cekmekoy elektrikci uskudar kornis montaj umraniye kornis montaj atasehir elektrikci beykoz elektrikci

Home Flash Display dhtml menu over the top of a flash movie

Display dhtml menu over the top of a flash movie

Published on October 14, 2009 by in Flash, html

One of my bigest complaints about flash is that I had thought you couldn't layer over the top of it.   By default a flash object is placed as the topmost layer of your web page. No matter what type of z-index you would place it would still be on top.

Recently I was researching via google and discovered that flash added a way to fix it. The other good news is most browsers now also support it.

Flash has a parameter called WMODE.   This parameter allows you to the Window Mode property of the Flash movie for transparency, layering, and positioning in the browser.

It has the following options:

  • window - movie plays in its own rectangular window on a web page.
  • opaque - the movie hides everything on the page behind it.
  • transparent - the background of the HTML page shows through all transparent portions of the movie, this may slow animation performance.

Place the following parameter in your object tag. Be sure you put it in both the embed as well as the object or you may find one browser it works and the other it does not.

<param name=wmode value="transparent">

View the code here:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
id="acgmm3" type="application/x-shockwave-flash" data="movie.swf" height="192" width="238">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<!--[if !IE] > <-->
<object type="application/x-shockwave-flash" data="movie.swf" height="192" width="238">
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<!--> <![endif]-->

Been a while since I posted anything, so thought this tidbit of info might help someone, or help me at a later date when I forgot how to do it.

 Share on Facebook Share on Twitter Share on Reddit Share on LinkedIn
No Comments  comments 
© Brainstorms of a Webdev