IE FF下解除flash挡住DIV的办法
<param name="wmode" value="opaque">
这个属性用于解决DIV给flash挡住的问题
HTML代码
- <br>
- <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">
- <param name="movie" value="http://sz.flashline.cn/menu/jingling.swf">
- <param name="wmode" value="opaque">
- <param name="quality" value="high">
- <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>
- </object>
- <div style="position:absolute;left:319px;top:184px;width:150px;height:150px;background:#CC0000"> </div>
-
-
-
上面的代码IE可行,在FF(Firefox)下,失效。要想在FF下起作用,还要用在<object 里加个 wmode="opaque" ,实例代码如下:
HTML代码
- <br>
- <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">
- <param name="movie" value="http://sz.flashline.cn/menu/jingling.swf">
- <param name="wmode" value="opaque">
- <param name="quality" value="high">
- <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>
- </object>
- <div style="position:absolute;left:319px;top:184px;width:150px;height:150px;background:#CC0000"> </div>
-
-
-
在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属性到底是什么意义,为什么可以解决这个问题呢?