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

a19905522

浏览: 98720 次
性别:
来自: 郑州

最近访客更多访客>>

interdealsoft

cpongo1

hai5618

liuhhs

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

工作中遇到的记录下来；

两种情况：

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

  <div class="swf">
  <object id="FlashID" 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="获取 Adobe Flash Player" 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 class="body">
 <div class="nav">
 <div class="swf">
  <object id="FlashID" 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="获取 Adobe Flash Player" width="112" height="33" /></a></p>
    </div>
    <!--[if !IE]>-->
  </object>
  <!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
 
 </div>
 </div>
 
 <div class="ban">
   <img src="flash/banner.jpg" />
 </div>
 


</div>











<body>

</body>
</html>

分享到：

flash as3 动态循环加载库中元件到舞台，并 ... | 织梦常用资源网址

2012-04-07 18:31
浏览 1534
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

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

评论

发表评论

相关推荐

百度地图坐标拾取器vue组件

使用AST快速解决css代码重构问题

关于720全景视频在移动端播放的兼容问题汇总，截止2017年11月29日

nodejs下的图形处理库gm在windows环境的安装

jQuery ajax - load() 方法 回调函数

jQuery 获取屏幕高度、宽度

javascript变量类型

javascript基本类型和引用类型

javascript引用类型和值类型

JQ幻灯

javascript exec match 区别

javascript,js闭包实例讲解

JQ选择器-知识总结

javascript call 方法的继承,用于调用一个对象的一个方法，以另一个对象替换当前对象

使用navigator.userAgent来判断浏览器类型

javascript(js)中的 substring和substr方法

固定页面右下角DIV CSS代码，不跟随页面滚动，返回顶部代码，兼容ie6

CSS+DIV固定顶部导航代码-不跟随页面滚动，附源文件，经典收藏

css ie下定义高度1px的div

js固定页面底部悬浮框特效代码

最近访客更多访客>>

jQuery ajax - load() 方法回调函数