Flash Reference

Issue:

• How to display other HTML content above a swf?
• DHTML menus appear underneath swf
• HTML layer z-index not working on swf object

Reason:
By default wmode="window", Active Content is rendered directly to the screen on top of web browser window, which means it appears on top of other HTML content.

Solution:
Set the wmode parameter for swf object & embed tag to "opaque" or "transparent".
e.g.:

• In HTML,
  1. add to object tag:
     <param name="wmode" value="opaque">
     
  
  
  2. add to embed tag:
     wmode="opaque"
     
  
  
  So your html code will looked like:
  • <object ... >
    ...
    <param name="wmode" value="opaque">
    <embed ... wmode="opaque" ... >
    </object>
• From Flash,
  1. From menu, File > Publish Settings,
  
  
  2. click HTML tag,
  
  
  3. select "Opaque Windowless" for Window Mode.
  
  
  4. Publish
  
  
• From Dreamweaver,
  1. Select the swf in the Design View.
  
  
  2. In the Properties panel, choose Parameters.
  
  
  3. Enter "wmode" (without quotes) for the Parameter.
  
  
  4. Enter "transparent" (without quotes) for the Value.
  
  
  5. Save the document.
  
  

Additional Information:

TechNote:
Flash content displays on top of all DHTML layers
How to make a Flash movie with a transparent background