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

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

直接复制如下代码做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设为首页加入收藏兼容特效

废话不多说,上代码: // 添加到收藏夹 function AddFavorite(sURL, sTitle) { try { if (typeof(sURL) == "undefi...

jQuery插件 图片放大镜-Cloud Zoom

jQuery插件 图片放大镜-Cloud Zoom

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

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

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

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

jQuery操作Select的方法集合

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

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

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

css防止ul下的li换行代码

css防止ul下的li换行代码

完成效果图:  出现问题的效果图: 由于我做的页面品牌那里要展示的品牌名称肯定是有长有短,所以无法给li定义width,所以我只给li加了个float,在火狐和ie8下li更够自...

发表评论

访客

看不清,换一张

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