While working on the test-paper composition system today, I ran into a problem: FLASH was covering the floating layer. No matter what I did, it always rendered on top and simply could not coexist with the layer. So I went searching, and finally found a good fix: the key parameter that keeps Flash from blocking floating objects or layers is wmode=opaque. How to do it: for IE, add the parameter inside ; for FF, add the parameter wmode=”opaque” inside .
Reference: (1) Web page Flash code [excerpted from the Blue Classic Forum]
Standard Flash embed
Flash that won’t cover layers
Transparent Flash
Reference: (2) FLASH Help
wmode attribute/parameter values: Window Opaque Transparent
Template variable: $WM
Description (optional) Allows the use of transparent Flash content, absolute positioning, and layered display in Internet Explorer 4.0. This tag/attribute is valid only on Windows with the Flash Player ActiveX control.
“Window” plays the application in its own rectangular window on the web page. “Window” indicates that this Flash application has no interaction with the HTML layer at all and always sits on top.
“Opaque” makes the application hide everything on the page behind it.
“Transparent” lets the HTML page’s background show through all the transparent parts of the application, and may reduce animation performance.
Both “Opaque windowless” and “Transparent windowless” can interact with HTML layers, allowing a layer above the SWF file to occlude the application. The difference between the two options is that “Transparent” allows transparency, so if part of the SWF file is transparent, the HTML layer beneath the SWF file can show through that part, whereas “opaque” will not show it.
If this attribute is omitted, the default value is Window. Applies to object only.