Rand Baldwin

At work or play, sometimes I talk about it here.

  • Call: 425-829-4162
  • Mail:rand@randbaldwin.com

Overlaying an image or content on top of Flash

Whether it’s a popdown submenu that drops over the top of your Flash slideshow, or some graphic element you want to put over Flash content (such as a design element like an ornament or rounded corner as part of your page design that encroaches the boarder of your Flash presentation so it’s not forced to a rectangle), you may have encountered problems.

You may think you can conquer it with some clever CSS, just use positioning and set the z-index of the Flash object less than that of the element you want in front, right? Well, yes you need that, but there’s one other trick.

You have to set Flash’s “wmode” to “transparent.”

For most browsers that is an “embed” parameter: wmode=”transparent”
For IE it is an “object” parameter.

And the CSS:
In the Flash “Object,” style=”position: relative; z-index: 0;”
Same thing in the element above, but “z-index: 1;” (or more)

About Rand

Technology consulting since 1983. Specializing in websites and internet marketing. Drone videography and video production.

One Response to Overlaying an image or content on top of Flash

Leave a Reply

Your email address will not be published. Required fields are marked *