爱学习的站长www.mmic.net.cn

www.mmic.net.cn 欢迎学习共同成长
公告信息
www.mmic.net.cn 欢迎学习共同成长
文章分类
文章档案
文章
怎样利用position把div放在flash上更好表现
2011/6/22 21:43:00

只要在Flash对象加入页面时生成的HTML代码中加入以下参数就可以让Div浮动层从Flash下露出来了:<param name="wmode" value="transparent" />

另外,发现另外一个更专业的参数:<param name="wmode" value="opaque" />

transparent是负责透明的,显出浮动只不过是他的一个副业而已;而IC报价网opaque才是专门负责让Flash位于其它层下的。

兼容FF 需要加一段

<embed src="hehe.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="220"></embed>


之后就是通过设置div的style,如position:absolute等等,让div浮起来。为了方便计算div的位置,可以把flash对象和div放在同一父元素(如div)下面,这样直接把top和left设成0,就可以让div正好在flash上面了。


<style>
* {margin:0px;padding:0px;}
.flash1 {height:500px;position:relative;}
.div1 {background:#000;width:500px;height:30px;position:absolute;left:10px;top:30px;z-index:2;color:#fff;}
</style>

<div class="flash1">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1002" height="426">
   <param name="movie" value="ad/liu.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="transparent" />
   <param name="wmode" value="opaque" />  
   <embed src="ad/liu.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="220"></embed>
 </object>
 <div class="div1">
 菜单1IC报价网
 </div>
</div>

新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"
 技术   浏览(2462)   评论(0)   关键字
  
Copyright © 2010-2020 power by CYQ.Blog - 秋色园 v2.0 All Rights Reserved