In the construction of the site will often encounter, Div layer by flash block or div layer by video file blocking the situation
In the use of Z-index no effect, and finally found a very concise answer, first recorded to facilitate the same problem to meet the next solution.
Flash solution, the code is 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″>
<param name= "movie" value= "video/a.swf"/>
<param name= "Quality" value= "High"/>
<param name= "wmode" value= "Transparent"/>
<embed src= "video/a.swf" wmode= "Transparent" quality= "High" pluginspage= "http://www.macromedia.com/go/" Getflashplayer "type=" Application/x-shockwave-flash "></embed>
</object>
Focus:
1. <param name= "wmode" value= "Transparent"/>
2. <embed wmode= "Transparent" >
Add wmode= "Transparent" attribute in <embed >, the problem of Firefox middle class will be solved.
Video file resolution, the code is as follows:
<div style= "relative; Width:.; Height:.; Overflow:hidden; " >
<embed src= "video file Address" windowlessvideo= "1" ></embed>
</div>
Description: windowlessvideo= "1″ plus this parameter is very important, in the IE series of browsers, with this parameter can let div layer normal display in the top of the video file."
Style= "relative; Width:.; Height:.; Overflow:hidden; " This sentence is to solve the problem under FF.
Set the Flash bottom, add a code: <param name= "wmode" value= "opaque"/>
But only add this code, ie feasible, under FF, failure. To work under FF, add a wmode= "opaque" in <object >