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

飘逸的风13年前 (2013-07-01)前端7288

直接复制如下代码做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键盘控制翻页代码

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

jquery简单代码实现复选框多选、单选、全不选功能,很实用

<html> <head>  <script type="text/javascript" src="https://code.jquery.com/jqu...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

图片放大镜效果是一种不错的效果,多应用于电子商务、图片展示等网站,给用户带来更好的体验。实现这种效果的代码不少,今天要给大家介绍的是 Cloud Zoom,它是 jQuery 的一个插件。和其他产品相...

jQuery下拉框美化插件DropKick

jQuery下拉框美化插件DropKick

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

js控制在网页中禁用右键和禁止另存为的代码

禁止网页右击,选择,最简单的两句代码: <script type="text/javascript"> <!-- document.oncontextmenu=n...

发表评论

访客

看不清,换一张

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