In web development, you may encounter flash occlusion of the elements of the page, regardless of how to set the Flash container and layer depth (z-index) does not help, the existing solution is inserted in the Flash embed or the object tag to add "wmode" property and set to wmode= "transparent" or "opaque", but what is the meaning of the Wmode attribute and why is it possible to solve this problem?
Window Mode (wmode)
Wmode is the window mode total of three kinds, look at that year Macromedia official saying:
Window:use the window value to play a Flash Player movie in it own rectangular Window on a Web page. This is the default value for Wmode and it works, the classic Flash Player works. This normally provides the fastest animation performance.
Opaque:by using the Opaque value you can use JavaScript to move or resize movies that don ' t need a transparent background . Opaque mode makes the movie hide everything behind it on the page. Additionally, opaque mode moves elements behind Flash movies (for example, with dynamic HTML) to prevent them from showing Through.
Transparent:transparent mode allows the background of the HTML page, or the DHTML layer underneath the Flash movie or lay Er, to show through all the transparent portions of the movie. This allows overlap the movie with other elements of the HTML page. Animation performance might be slower if you use this value.
Window mode
By default, the display mode, in which Flash Player has its own window handle, means that the Flash movie is a display instance that exists in Windows and is on top of the browser's core display window, so flash just looks like it appears in the browser, But this is also the fastest and most efficient rendering mode for Flash. Since he is a browser-independent HTML rendering surface, this results in the default display in which Flash will always obscure all the DHTML layers where the location coincides with him.
But most Apple browsers will allow the DHTML layer to appear on top of flash, but when the Flash movie is playing it can be tricky, such as the DHTML layer showing the exception as if it were scraped off by Flash.
Opaque mode
This is a windowless mode, in which case Flash Player does not have its own window handle, which requires the browser to tell Flash Player when and where to draw the render surface of the browser. In this case, the Flash movie will not be higher than the browser HTML rendering surface but with other elements on the same page, so you can use the Z-index value to control the DHTML element is obscured flash or obscured.
Transparent mode
Transparent mode, in this mode, Flash Player will have the background color alpha value of stage 0 and will only draw the real visible object on the stage, and you can also use Z-index to control the depth value of the Flash movie. However, unlike opaque mode, this reduces the playback effect of the Flash movie, and the Flash Player version setting wmode= "opaque" or "transparent" before 9.0.115 causes full-screen mode to fail.
Understanding the mode of implementation and significance of the various patterns in the future development can be selected according to the specific conditions of the Wmode property set value.
Flash Wmode Parameters Detailed