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

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

直接复制如下代码做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>

相关文章

实现jQuery扩展总结

开发自己需要的jQuery插件,看个示例说明 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://...

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

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

jquery 事件方法总结

Dom: Attribute:属性 $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",title:"te...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

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

jQuery自适应宽度导航插件Horizo​​ntalNav

jQuery自适应宽度导航插件Horizo​​ntalNav

Horizo​​ntalNav 是一个 jQuery 导航插件,能够自适应容器的宽度。如果你曾经在一个项目中创建过这种效果,你就会知道,这是很难处理的。但这个插件很容易,并且支持 IE6、IE7。...

js 数组操作集合

注意:以下是按操作来分类的,有的方法有多个用途,就有重复 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Arra...

发表评论

访客

看不清,换一张

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