html视频向上,html中flash视频层级一直比div层级高的解决办法

最近由于项目需求，在页面中需要放置一个网页播放器，这倒没什么，问题是页面的顶部导航是固定的，然后向上滚动的时候发现视频直接覆盖顶部导航栏，看着相当别扭，本来以为只要给这个视频一个z-index:9999;position:relative;就可以解决的，最后发现如何设置z-index都没用。

在网上搜索了一下相关资料，大部分都是说z-index，然而并卵，最终还是从视频播放器的属性入手，其中的flash网页视频播放器有个wmode属性：

wmode有三个属性transparent：即把FLASH背景设成透明，在网页上就可以把FLASH放到图片或者文字之上。

opaque：设置成这个后FLASh可以被调整层深。

window：就是FLASH是单独的一层，和浏览的网页上的内容是不相干的，总是在所有东西的上面。

我们只要在类似下面这样的网页播放器代码中加上一行即可：

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab"

height="400" width="920">

quality="high"  pluginspage="http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="920" height="400">