咨询,就免费赠送域名与服务器,咨询热线:13915107752当前位置: > 新闻动态 > 网站设计 >
联系我们
电话咨询:13915107752
电话咨询:0517-89862517
地址: 淮安市清河区金马广场北楼24楼019室

视频或swf文件挡住下拉导航菜单或者网页窗口的解决方法

作者/整理:daijk 浏览次数:次 日期:2014-04-15

演示网址:
制作周期:

在建设网站的时候经常会遇到 ,Div层被flash挡住或者DIV层被视频文件挡住的情况
在使用z-index无效果,
终于搜到一种很简洁的答案,先记录下来方便碰到同样问题下次解决

Flash的解决方法,代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" >
<param name="movie" value=".video/A.swf"/>
<param name="quality" value="high" />
<param name="wmode" value="transparent"/>
<embed src="video/A.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"  ></embed>
</object>


重点:
1. <param name="wmode" value="transparent"/>
2. <embed wmode="transparent">

在<embed >中加入 wmode="transparent"属性,Firefox中层的问题就迎刃而解。
视频文件的解决方法,代码如下:
<div style="relative; width:。; height:。; overflow:hidden;">
<embed src="视频文件地址"    WindowlessVideo="1"></embed>
</div>
说明:WindowlessVideo="1"加这个参数很重要,在IE系列的浏览器下,有了这个参数都可以让DIV层正常显示在视频文件上方了。
style="relative; width:。; height:。; overflow:hidden;"这句是为了解决FF下的问题。

设置flash置底,加个代码:<param name=”wmode” value=”opaque” />
但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在<object 里加个 wmode=”opaque”>