嵌入优酷视频的时候z-index控制不了

优酷视频嵌入的时候z-index控制不了,这个问题很多程序员都遇到过,所以今天来说一下解决方法。

首先为什么不能覆盖掉优酷嵌入的层次呢,因为flash在网页嵌入的时候,默认是最先显示在顶层的,z-index控制不了它的层级关系。

解决方法:在flash引用的代码中,在embed标签呢添加一个属性 wmode=”opaque” 这样就可以用z-index来控制显示层了。

例如:

<embed src=”http://player.youku.com/player.php/sid/XODQ2NzIzMjY0/v.swf” allowFullScreen=”true” quality=”high” width=”320″ height=”300″ align=”middle” allowScriptAccess=”always” wmode=”opaque” type=”application/x-shockwave-flash”></embed>