ESSAY / NOTE

优酷等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的时候