嵌入YouTube视频时出现菜单显示问题 [英] Menu Display Problem during embading youtube video

问题描述

我有一个应用程序，其中我使用<对象>代码.在此视频之前，我已经通过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/[^]

这篇关于嵌入YouTube视频时出现菜单显示问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！