让Div浮动层浮在Flash上面下去,div在flash上,层在flash上

飘逸的风12年前 (2013-07-01)前端7205

直接复制如下代码做swf显示代码

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://download.macromedia.com/pub/shockw
ave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="190">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash.swf"wmode="transparent" quality="high"pluginspage="https://www.macromedia.com/go/getflashp
layer" type="application/x-shockwave-flash" width="300" height="190"></embed>
</object>

 

今天在网站首页做浮动的时候,发现网站首页中因为放了好多Flash,结果把浮动的DIV给挡住了。

试了下把浮动层的z-index:1调高到z-index:1000,不起作用。

后来看到浮动层在首页的其中一个Flash的位置上,是在flash的上方的,就马上对照了一下,原来我是把这个flash设为透明了,也就是说还是在下方::<param name="wmode" value="transparent" /> ,我就开始设置别的几个flash,也不知道怎么了,别的几个就是不显示,

       心里有点不忿,就百度了一下,就搜到了标题为:“让Flash乖乖躲到Div浮动层下去”这篇文章了,就发现了一个更专业的参数: <param name="wmode" value="opaque" />

文章这样写到:

transparent是负责透明的,显出浮动只不过是他的一个副业而已;

opaque才是专门负责让Flash位于其它层下的。

 

wmode 属性/参数

值 Window | Opaque | Transparent

说明:

(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

"Window"在 Web 页上用影片自己的矩形窗口来播放应用程序。"Window"表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。

"Opaque" 使应用程序隐藏页面上位于它后面的所有内容。

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

"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。

这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。

如果忽略此属性,默认值为 Window。仅适用于 object。

 

直接复制如下代码做swf显示代码

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="https://download.macromedia.com/pub/shockw
ave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="190">
<param name="movie" value="flash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="flash.swf"wmode="transparent" quality="high"pluginspage="https://www.macromedia.com/go/getflashp
layer" type="application/x-shockwave-flash" width="300" height="190"></embed>
</object>

相关文章

js判断undefined类型,undefined,null,NaN的区别

js判断undefined类型 今天使用showModalDialog打开页面,返回值时。当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined 所以自作聪明判断&nb...

JS键盘控制翻页代码

<script language="javascript"> <!-- document.onkeydown=nextpage var prevpage="prev.html"...

jQuery下拉框美化插件DropKick

jQuery下拉框美化插件DropKick

DropKick 是一个下拉框美化插件,使用非常简单,直接为下拉框 select 调用方法即可,瞬间让你摆脱繁琐。DropKick 有 3 种主题,你可以选择一种与你的页面更加搭配的,当然你也可以自己...

jQuery scrollUp - jQuery滚动到顶部插件

jQuery scrollUp - jQuery滚动到顶部插件

当网页内容过长,你浏览到底部需要回到顶部时,是不是希望“一键直达”呢?scrollUp 就是这样一款插件,它能够让用户滚动条滚动到一定的位置时(可设置),右下角出现“滚动到顶部”的按钮,点击后,页面就...

jQuery操作Select的方法集合

jQuery获取Select选择的Text和Value:  语法解释:  1. $("#select_id").change(function(){/...

jw player的快捷调用方法(附:jw player参数设定)

最近开发的项目需要调用一部分视频,找了很久,感觉有两个非常不错,一个是ckplayer(非常炫酷,网址:https://www.ckplayer.com/),感觉好奇的同学,可以访问他们的官网去看看;...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。