css - CSS下拉菜单显示在视频后面

Question

我有一个 CSS 下拉菜单，因此当您将鼠标悬停在菜单项上时，子菜单会下拉。我还在页面上显示 .wmv 视频。但是，当子菜单下拉时，它会显示在视频后面。我已经阅读了对象标记中的任何内容自动获得最大 z-index 的位置，因此设置 z-index 并不能解决问题。我一直无法找到任何解决方案或解决方法。是否有解决方法或某种方法来解决此问题，以便下拉菜单显示在视频前面？这似乎发生在 IE 和 Firefox 中。

Answer 1

AFAIK，您必须将播放器对象的背景设置为透明。像这样：

<object ... >

   <param name="filename" value="http://yourdomain/yourmovie.wmv">
   <param name="wmode" value="transparent">

   <!-- other params -->

   <embed ... wmode="transparent"></embed>
</object>

希望能帮助到你。我不记得确切的所有参数等等，但它应该可以解决问题。

Answer 2

我同意零实验室。如果 wmode transparent 不能解决问题，请尝试：

<param name="wmode" value="opaque" />

Answer 3

应该有办法通过 css 和嵌入式视频播放器的选项来实现这一点，但作为一种快速解决方案，请将此作为 jquery 帮助。

http://docs.jquery.com/Plugins/bgiframe

希望对你有帮助，思南。