嵌入YouTube视频时出现菜单显示问题

问题描述:

我有一个应用程序,其中我使用<对象>代码.在此视频之前,我已经通过CSS创建了菜单栏.在此菜单中,我有多个选择,例如是否有主项产品",并且当用户将鼠标悬停在产品"上时,新项目将显示为产品1",产品2"等...现在的问题是,如果我有多个产品,然后我的列表视图将变长,并且正如在菜单的下面,我已将您放置在管视频中,我的菜单项在视频后面打开.所以我看不到或选择那些项目.有什么办法可以使用户将鼠标悬停在菜单上时,视频会自动向下浮动... ???我正在发布我的代码以正确理解.


I have an application in which i am embading youtube video using < object > code. Just before this video i have menubar created via css. In this menu i have multiple choices like if i have main item "Products" and when user mouse over on the Products new items will display like "Product 1","Product 2" etc... Now problem is that if i have multiple products then my list view will be long and as just below of menu i have placed you tube video, my menu items are opening behind the video. So i am not able to see or select those items. Is there any way so that when user mouse over to menu, video automatically float to downwards...??? i am posting my code to understand properly.


<ul>
   <li class='active '><a href='index.html'><span>Home</span></a></li>
   <li><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Product 1</span></a></li>
         <li><a href='#'><span>Product 2</span></a></li>
         <li><a href='#'> <span>Product 3</span></a></li>
         <li><a href='#'><span>Product 4</span></a></li>
      </ul>
   </li>



< object width ="425" height ="344">
< param name =电影" value ="http://www.youtube.com/v/w_vw7Cm-0g4"/>
< param name ="allowFullScreen" value ="true"/>
< param name ="allowscriptaccess" value =始终"/>
< embed src ="http://www.youtube.com/v/YBMjhsfi3qw" type ="application/x-shockwave-flash" allowscriptaccess =始终" allowfullscreen ="true" width ="425" height ="344 >
</embed></object>

这将在视频下隐藏菜单.
请帮帮我...预先感谢...



<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/w_vw7Cm-0g4" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/YBMjhsfi3qw" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344">
</embed></object>

This will hide menu under video.
Please Help me out... Thanks in advance...

我认为您必须使用z-index css属性:
http://www.impressivewebs.com/a-detailed-look -at-the-z-index-css-property/ [
I think you have to use the z-index css property:
http://www.impressivewebs.com/a-detailed-look-at-the-z-index-css-property/[^]