优酷等flash视频让DIV盒子显示在embed上
embed flash真是讨厌死了 z-index 到几万都是没用喽 那么我们就要让div显示在embed上 这样写的目的我是为了做一个视频的评论滚动在视频播放器上
下面部分摘自网络 谢谢活雷锋们 目前方案2测试可用 方案1尚未测试 我最终简化了一下
<div style=”z-index:-1″>
<embed name=”Movie1″ src=”视频地址.swf格式” quality=”high”
width=500 height=400 wmode=”transparent”
type=”application/x-shockwave-flash”>
</embed>
</div>
问题:
我用程序自动创建层(DVI STYLE=”Z-INDEX:1″)旁边还有一个EMBED(插入的FLASH)可是这个层却显示在FLASH的下面,以前也遇到过这样的情况,但没有影响整体也就没有管它,现在出现麻烦了,所以想解决它!
类似问题:
在公司主页上放了一个浮动广告式的OnlineSupport,是一个浮动层,可是在浮动到Flash上时,就会被Flash挡住,该死,无论我怎么设置Z轴都是在Flash这下
解决方案一
在<object标记里写
<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 height=146 width=765 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000> <PARAM NAME=”Movie” VALUE=”xxxx.swf”><PARAM NAME=”Src” VALUE=”xxxx.swf”><PARAM NAME=”WMode” VALUE=”Opaque”> <embed src=’xxxx.swf’ quality=high pluginspage=’http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash‘ type=’application/x-shockwave-flash’ width=765 height=146></embed></OBJECT>
注意 NAME=”WMode” VALUE=”Opaque”
解决方案二
设“wmode”的值为“Opaque”,表示将Flash置于最底层。
点到Flash上,属性,点参数,再点那个加号添加参数“wmode”的值为“Opaque”,OK,搞定。
代码是这样的:
试了一下,还有一种方法也可以实现,就是将Flash设为透明显示,也不会挡住浮动的层。
条件1.只适用于IE 4.0 或以上版本.
条件2.flash 和其他元素在不同的layers里,且Flash所在的层的z-index较低。
条件3.Flash 必须设定为背景透明。(wmode= transparent).
以上三项缺一不可。
<div style=”z-index:-1″> <embed name=”Movie1″ src=”http://ecards.sina.com.cn/2000/2002-12-26/16024314219.swf” quality=”high” width=500 height=400 wmode=”transparent” type=”application/x-shockwave-flash”> </embed> </div> <div id=”jnkcLayer” style=”position:absolute; left:150px; top:100px; width:200px;
以上也适用于svg显示时,在IE8的时候