Flash content displays on top of all DHTML layers

Issue

A Flash movie in a layer on a DHTML page containing several layers may display above all the layers, regardless of the stacking order ("z-index") of those layers.

Reason

By default, browsers place embedded plug-in content, such as a Flash movie or Java applet, on the topmost layer. In older browsers attempts to place a DHTML layer on top of a Flash layer would fail. Newer browsers add the ability to layer Flash content with DHTML content and in some cases the ability to use transparent backgrounds in the Flash content (see below).

Solution

Make the Flash movie's background transparent using the WMODE tag. This will allow the DHTML layer underneath the Flash movie or layer to appear.

For details on creating a Flash movie with a transparent background refer to How to make a Flash movie with a transparent background (TechNote 14201).

Note: The WMODE tag is supported only on some browser/Macromedia Flash Player version combinations. If the WMODE tag is not supported, the Flash movie will always display on top. Refer to TechNote 14201 for details.