首先,关键是给flash插件加个参数:<param name=”wmode” value=”opaque” >。这样flash就不会永远浮在最上面了。
之后就是通过设置div的style,如position:absolute等等,让div浮起来。为了方便计算div的位置,可以把flash对象和div放在同一父元素(如div)下面,这样直接把top和left设成0,就可以让div正好在flash上面了。
演示代码:
<div id=”welcome” onclice=”hideVideo();”>
<object id=”video” classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ height=”288″ width=”352″>
<param name=”Loop” value=”1″>
<param name=”wmode” value=”opaque” >
<param name=”movie” value=”2009.swf”>
<param name=”quality” value=”high”>
<param name=”EmbedMovie” value=”true”>
<embed src=”2009.swf” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” height=”288″ width=”352″>
</object>
<div style=”position:absolute; left:0;top:0;margin:0;padding:0;width:352px;height:288px;display: block;z-index: 200″ >
<span style=”margin:0;padding:0;width:352px;height:288px;”> </span>
</div>
</div>