How to solve the problem that the DIV layer is covered by Flash (compatible with IE and Firefox browsers) and how to display the DIV layer on FLASH

Today, I made a pop-up consultation box for a website. After that, the div layer popped up in Firefox (browser) is always covered by the flash layer on the page, there is no problem in IE browser. I searched the internet and found a solution. Now I will share with you how to solve the problem that the DIV layer is covered by Flash (compatible with IE and Firefox browsers.

To solve the problem that the DIV layer is covered by Flash in IE browser, add the following parameters to the code segment for loading flash on the page:

<param name="wmode" value="transparent" />

To solve the problem that the DIV layer is covered by Flash in firefox, add relevant parameters as follows:

<embed src="flash.swf" wmode="transparent" ... ></embed>

Therefore, it can be concluded that the problem that the div layer is covered by flash can be solved by simultaneously compatible with IE and firefox browsers, and flash can be loaded as follows:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="990" height="90"><param name="movie" value="" /><param name="wmode" value="transparent" /><param name="quality" value="high" /><embed wmode="transparent" src="" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="990" height="90"></embed></object>

Information about the wmode attribute of the object:

This attribute is optional and allows you to use transparent Flash content, absolute positioning, and hierarchical display in Internet Explorer 4.0. This tag/attribute is only valid in Windows with the Flash Player ActiveX control.

"Window" uses the film's own rectangular Window on the Web page to play the application. "Window" indicates that the Flash application has no interaction with the HTML layer and is always at the top layer.

"Opaque" hides all content on the page after the application.

"Transparent" enables the background of an HTML page to be displayed through all the Transparent parts of the application, and may reduce the animation performance.

Both "Opaque windowless" and "Transparent windowless" can interact with the HTML layer to allow the layer above the SWF file to mask the application. The difference between the two options is that "Transparent" allows transparency. Therefore, if a part of the SWF file is Transparent, the HTML layer below the SWF file can be displayed through this part, "opaque" is not displayed.

If this attribute is ignored, the default value is Window. Only applies to objects.

Articles you may be interested in

• How to set the DIV layer to display on a flash object, compatible with browsers such as ie and firefox
• Move the mouse over the text to display the floating layer prompt special effects (compatible with all browsers such as IE and Firefox)
• JS checks whether the scroll bar stops scrolling, and is compatible with IE and Firefox browsers.
• Javascript determines whether the mouse is left or right-click-compatible with ie, firefox, chrome, and other major browsers
• DIV layer that slides with the scroll bar (fixed to the DIV layer that does not disappear with browsing on the top of the page)
• Display text box effects of line numbers, compatible with browsers such as ie and Firefox
• JS obtains the key code, how Js shields users' keys, and Js obtains the ASII code corresponding to users' keys (compatible with all browsers)
• Jquery drop-down menu (ultra-simple and practical, compatible with mainstream browsers such as IE and firefox)