Html Overlay Flash – The Fastest Solution

Updated November 10th, 2009    

Here is a quick and easy way to fix Flash overriding the HTML z-index.

This comes in handy when using javascript in menus and modal windows.

1. Include the WMode parameter with value “Opaque” or “Transparent” to the flash object tag

  1. <param name=”quality” value=”high” />
  2. <param name=”WMode” value=”Opaque” />
  3. <param name=”src” value=”slideshow.swf” />

2. Add WMode=”Opaque” to the flash embed tag

  1. type=”application/x-shockwave-flash”
  2. width=”400″ height=”200″
  3. src=”slideshow.swf”
  4. quality=”high”
  5. wmode=”Opaque”
  6. name=”slideshow”

Additional Resources
Adobe – Flash content displays on top of all DHTML layers

Related Articles

Leave a reply