html中flash总在最上层的解决办法，z-index无法控制flash的解决办法

我们通过尝试各种手段在flash文件上面显示我们想要的DIV，但是都没有成功过！这是为什么呢？

我们分析一下：对于浏览器而言，flash的优先级高于DIV，所以如果flash文件设置了始终在最上的话，我们无论怎么修改样式都是徒劳的

那么这种情况又该如何处理，通过搜索和查阅资料得到如下两个解决办法

 

1、在层代码里面写上<iframe>标签，

<iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>，因为<iframe>标签的优先级高于flash

 

2、直接在问题根本上面解决，通过设置flash文件wmode（显示模式）属性，该属性提供：

 

"Window" 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
"Opaque" 显示页面上位于它后面的内容。
"Transparent"使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

 

等三个值，这里设置为wmode="Opaque"就能实现我们的效果了