flash挡住DIV及相关属性/IE FF

huang   发表时间:2009-03-12 12:58:41   分类:建站知识   浏览( )   评论( )   收藏日志
添加到网摘:

IE FF下解除flash挡住DIV的办法
<param name="wmode" value="opaque">
这个属性用于解决DIV给flash挡住的问题

HTML代码
 
  1. <!--以下是源码-->
  2. <br>
  3. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="681" height="248">
  4. <param name="movie" value="http://sz.flashline.cn/menu/jingling.swf">
  5. <!--解决DIV给flash挡住属性-->
  6.  <param name="wmode" value="opaque">
  7. <!--END-->
  8.  <param name="quality" value="high">
  9.  <embed src="http://sz.flashline.cn/menu/jingling.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="681" height="248"></embed>
  10. </object>
  11.  <div style="position:absolute;left:319px;top:184px;width:150px;height:150px;background:#CC0000"> </div>
  12.  
  13.  
  14.    <!--END-->

 

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 

上面的代码IE可行,在FF(Firefox)下,失效。要想在FF下起作用,还要用在<object 里加个 wmode="opaque" ,实例代码如下:

HTML代码
 
  1. <!--以下是源码-->
  2. <br>
  3. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="681" height="248">
  4. <param name="movie" value="http://sz.flashline.cn/menu/jingling.swf">
  5. <!--解决DIV给flash挡住属性-->
  6.  <param name="wmode" value="opaque">
  7. <!--END-->
  8.  <param name="quality" value="high">
  9. <!--FF在这面加wmode="opaque"-->
  10.  <embed  wmode="opaque"  src="http://sz.flashline.cn/menu/jingling.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="681" height="248"></embed>
  11. </object>
  12.  <div style="position:absolute;left:319px;top:184px;width:150px;height:150px;background:#CC0000"> </div>
  13.  
  14.  
  15.    <!--END-->

在flash标签中

<param name=”wmode" value="xxxx">

"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序,并且始终位于最顶层。

"Opaque" 显示页面上位于它后面的内容。

"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。(透明flash)

注:"Opaque"和"Transparent"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

也就是如果发生FLASH遮盖DIV层的情况,就必须要改wmode属性为“Transparent”

在做web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?

正在读取日志的评论数据,请稍后……
正在加载日志评论签写框,请稍后……
溜溜show会员登录
正在载入溜溜show会员登录...
溜溜show 日志归档
溜溜show 最新评论
{$SideComment}
溜溜show 最新留言
{$SideGB}
溜溜 阿里妈妈广告