读书人

网页浮动元素被flash遮住flash下拉框

发布时间: 2012-06-26 10:04:13 作者: rapoo

网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决办法

工作中遇到的记录下来;

两种情况:

1.我们网页中的的某些漂浮元素,如广告,div层,被flash遮住|挡住,这种情况我们是想要flash在底层,这时候只需要设置flash透明即可,如果网上找的代码,修改wmode属性为wmode就好了,也可以使用以下标准代码插入即可,如果你使用dw插入,在属性栏选择透明即可;<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">

  <div classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">  <param name="movie" value="flash/nav.swf" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="swfversion" value="6.0.65.0" />  <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->  <param name="expressinstall" value="Scripts/expressInstall.swf" />  <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->  <!--[if !IE]>-->  <object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300">    <!--<![endif]-->    <param name="quality" value="high" />    <param name="wmode" value="transparent" />    <param name="swfversion" value="6.0.65.0" />    <param name="expressinstall" value="Scripts/expressInstall.swf" />    <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->    <div>      <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决方法" width="112" height="33" /></a></p>    </div>    <!--[if !IE]>-->  </object>  <!--<![endif]--></object><script type="text/javascript">swfobject.registerObject("FlashID");</script>  </div>

?2.再说第二种情况,我想要让flash保持在页面最上边,比如我们做的flash下拉菜单,并不希望flash的下拉内容被下面的div遮住,这种情况我们需要设置一个关键属性,position;?

?

?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>.swf {position:absolute;/*此局保证flash在上边*/margin:auto;width:1008px;height:71px;}.main{ width:1000px; margin:auto}body { background:#FC3};.ban { margin-top:120px;}</style><script src="Scripts/swfobject_modified.js" type="text/javascript"></script></head><div classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="630" height="300">  <param name="movie" value="flash/nav.swf" />  <param name="quality" value="high" />  <param name="wmode" value="transparent" />  <param name="swfversion" value="6.0.65.0" />  <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->  <param name="expressinstall" value="Scripts/expressInstall.swf" />  <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->  <!--[if !IE]>-->  <object type="application/x-shockwave-flash" data="flash/nav.swf" width="630" height="300">    <!--<![endif]-->    <param name="quality" value="high" />    <param name="wmode" value="transparent" />    <param name="swfversion" value="6.0.65.0" />    <param name="expressinstall" value="Scripts/expressInstall.swf" />    <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->    <div>      <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="网页浮动元素被flash遮住,flash下拉框被div层挡住|遮住,flash在网页最顶层,解决方法" width="112" height="33" /></a></p>    </div>    <!--[if !IE]>-->  </object>  <!--<![endif]--></object><script type="text/javascript">swfobject.registerObject("FlashID");</script>  </div> </div>  <div /> </div> </div><body></body></html>

读书人网 >Flash

热点推荐