Fusioncharts or other flash div layers always float on top of the problem

The div layer is determined by the Z-index in the style of the Div, the z-index is the coordinate of the vertical screen, 0 is the smallest, the larger the position the higher.

Since the Fusioncharts chart is placed in the Div, if the page has other Div, it will be blocked by the fusioncharts layer. However, setting Z-index does not work, and the other div is still blocked. After looking through the network, it turns out that this is the case:

Flash diagrams are always on top of the picture by default and refer to the following documents:

<param name= "WMODE" value= "Transparent" >

<param name= "wmode" value= "Opaque" >

<param name= "wmode" value= "Window" >

Note: Support for other browsers (Firefox opera etc) uses <embed wmode= "Transparent"/> To add embed values to wmode nodes.

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.

So as long as the flash wmode set to opaque on the line. So in the page load Fusioncharts chart, modify the parameters wmode, on the page loading Flash JS Code add this sentence chart.addparam ("wmode", "Opaque");

Fusioncharts or other flash div layers always float on top of the problem