The flash Embedded in a webpage is the top layer of all webpages by default. It does not work even if the value of z-index is small. So when a div layer and a flash object have an intersection on display, how can this div layer be displayed on top of flash?
The following are the solutions I have seen on the Internet.
In fact, you only need to set the flash Object. You do not need to set the z-index attribute value. You only need to set a flash attribute: wmode.
For more information about how to embed flash code in a webpage, refer to this article:
Insert flash code to the page
The specific code will not be posted here. The code you see on the above page is correct. Just talk about the attributes that make flash display at the underlying layer.
1. <param name = "wmode" value = "transparent"/>
This statement Sets flash as the background, but this is only valid for IE browsers.
2. <embed... wmode = "transparent"/>
Add the wmode = "transparent" attribute to <embed>, which means to set flash as the background and work on Firefox.
Articles you may be interested in
- Jquery drop-down menu (ultra-simple and practical, compatible with mainstream 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)
- Javascript determines whether the mouse is left or right-click-compatible with ie, firefox, chrome, and other major browsers
- 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
- JS obtains the key code, how Js shields users' keys, and Js obtains the ASII code corresponding to users' keys (compatible with all browsers)
- Display text box effects of line numbers, compatible with browsers such as ie and Firefox
- The css setting layer is transparent and compatible with all browsers.
- Webpage background music setting method, compatible with all browsers