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

Question

我有一个css下拉菜单，因此当您将鼠标悬停在菜单项上时，子菜单会下降。我还在页面上显示.wmv视频。但是，当子菜单下降时，它会显示在视频后面。我已经读过object标签中的任何内容自动获取最大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

我同意zerolab。如果wmode transparent不能解决问题，请尝试：

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

Answer 3

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

  

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

希望它有所帮助，思南。