关于网页视频遮住顶层DIV的解决办法

摘要: 网页内插入了优酷视频，视频遮住了顶层DIV，可以在“embed”标签增加属性wmode="Opaque"就可以解决问题

最近做一个网站，要实现的效果是网站顶部有个DIV层一直置顶，CSS样式是这样写的：

#header-top{
width:100%;
border-top: 2px solid #49C5FF;
z-index:99999;
position:fixed;
top: 0px; /* position fixed for IE6 */
_position:absolute; /* for IE6 */
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */
overflow:visible;
}

但是，如果网页里面如果内置了优酷或搜狐等视频，那么视频就会盖住了#header-top这个DIV层，曾试过设置“z-index:99999”属性，但起不到任何作用。

后来研究发现，如果视频播放代码里面设置了属性wmode="Opaque"就能很好的解决这个问题，优酷、搜狐、56等视频都是可以的，以下是引用优酷视频的代码：

<embed src="http://player.youku.com/player.php/sid/XMjM5ODU2Mzcy/v.swf" wmode="Opaque" allowFullScreen="true" quality="high" width="630" height="480" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

IE、谷歌、火狐浏览器测试显示正常，效果如下：