本文探讨了一种解决嵌入式视频控件遮挡问题的创新方法，通过在外层套一层div，利用iframe遮罩视频控件，并调整各元素的z-index层级，实现了视频播放区域的清晰展示。
不同浏览器可能通过更改 wmode='transparent'属性来解决这一问题，
我碰到的就是更改各种属性或者index都无效，被这个问题困扰了几天。。
最后的解决办法：
将embed标签外面再套一层div，通过iframe来遮罩视频控件，最后把要显示的div显示在iframe上!
embed标签外的div设置z-index为1，iframe的z-index为2，要显示的div的z-index比2大就行。
iframe代码:
<iframe id="dialog" style="position:absolute; z-index:2;width:150px;height:100px;background: none; opacity: 0.1;left:100px;display:none;"></iframe>
扫一扫
738
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
