Place the DIV layer above the Flash Object

Source: Internet
Author: User
Place the DIV layer above the Flash Object
Reprinted please specify http://netsos.cnblogs.com/
If "wmode" is set to "Opaque", Flash is placed at the bottom layer.

Another way is to set the flash to Transparent Display without blocking the floating layer.

Condition 1. Only applicable to IE 4.0 or later.
Condition 2. Flash and other elements are in different layers, and the Z-index of the layer where flash is located is low.
Condition 3. The flash must be set to transparent background. (Wmode = transparent ).
The above three items are indispensable.
<Div style = "Z-index:-1">
<Embed name = "movie1" src = "1234567.swf" Quality =" high "width = 500 Height = 400 wmode =" Transparent "type =" application/X-Shockwave-flash ">
</Embed>
</Div>
<Div id = "yaosansi" style = "position: absolute; left: 150px; top: 100px; width: 200px; Height: 200px; Z-index: 1; Background-color: #009966; Border: 1px none #000000; ">
</Div>
Reprinted please specify http://netsos.cnblogs.com/
Wmode attributes/parameters
Value
Window | opaque | transparent

Template variable: $ Wm

Description
(Optional) 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 applicationProgram. "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 behind it.

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

Both opaque windowless and transparent windowless can interact with the HTML layer and 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.

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

Therefore, set the wmode parameter of <Object> in HTML as follows:
Reprinted please specify http://netsos.cnblogs.com/
<Param name = "wmode" value = "Opaque">
Then, place an HTML <div> On The Flash video, and the test is successful.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.