div 浮动于flash上

 

首先，关键是给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;”>&nbsp;</span>
</div>
</div>