webkit中非flash视频的z-index答案

【问题标题】：z-index of non-flash video in webkitwebkit中非flash视频的z-index
【发布时间】：2011-05-12 08:48:50
【问题描述】：

我正在尝试让嵌入的 .wmv 视频出现在 webkit 浏览器（最重要的是 Windows 和 Mac 上的 Safari 5）中 CSS 控制的下拉菜单后面。

我已经扩展了我的测试文件，并且在使用 .avi 和 .mpg 时遇到了同样的问题（我认为这不足为奇，因为我使用了相同的 html）。此外，我遇到了 .mov 文件的问题，我使用的 html 略有不同。但我现在可以忍受没有 .mov 支持。

我尝试将 wmode 更改为透明，但这并不能解决问题。我倾向于使用不透明，因为至少使用闪光灯，您可以更好地定位对象，而且我还没有使用需要透明度的视频。

请注意：这不是 .swf 或 .flv 的问题，只是 .wmv 文件。

我已设置 an example 显示问题和我正在使用的 html。此示例适用于 IE7/IE8/IE9/FF3.6。

如果有人能帮助我，我将感激不尽！

谢谢！

【问题讨论】：

【解决方案1】：

http://jsfiddle.net/pzBFC/19/

您可以检查他们嵌入视频的方式的差异，另一方面，我在 CSS 上添加了一个快速修复，设置 z-index 和定位的值。

【讨论】：