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

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

直接复制如下代码做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 事件方法总结

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

js 字符串操作函数集合

concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串。  indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。  c...

js 数组操作集合

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

html+css 中 em和px 的尺寸解释

px像素(Pixel),相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默...

CSS透明属性详解

CSS透明属性详解

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opac...

发表评论

访客

看不清,换一张

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