GGshow reloaded GGshow reloaded

October 20, 2008

WMODE for SWF

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

Filed under: Flash Platform,HTML,Web — Tags: , , , — GG @ 1:48 am

No Comments »

  1. Just what I needded! Thanks so much! Great blog!

    Comment by Webdesign — November 25, 2008 @ 11:27 pm

  2. Yes! This works for displaying HTML over a Flash background! Bump this up google results!

    Comment by Shawn — October 8, 2010 @ 6:51 pm

RSS feed for comments on this post.

Leave a comment

© 2024 GGSHOW | Powered by WordPress