导航菜单被 jquery 图片查看器隐藏
正如您在下图中看到的，我的菜单位于照片查看器下方。照片查看器是jquery和CSS。该菜单是作为 asp 菜单实现的。如果有人有任何建议，请告诉我。谢谢
<asp:Menu ID="NavigationMenu" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="5" DataSourceID="menu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
div.menu
{
padding: 0px 0px 0px 0px;
width:100%;
}
div.menu ul
{
list-style: none;
}
div.menu ul.nav li
{
display: inline;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #CC1111;
color: #ffffff;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration:none;
white-space: nowrap;
font-size:large;
}
div.menu ul li a:hover
{
background-color: #CC1111;
color: #ffffff;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
As you can kind of see in the image below, my menu is dropping down below my photo viewer. The photo viewer is jquery and CSS. The menu is a implemented as an asp Menu. If anyone has any suggestions please let me know. Thanks
<asp:Menu ID="NavigationMenu" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="5" DataSourceID="menu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
div.menu
{
padding: 0px 0px 0px 0px;
width:100%;
}
div.menu ul
{
list-style: none;
}
div.menu ul.nav li
{
display: inline;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #CC1111;
color: #ffffff;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration:none;
white-space: nowrap;
font-size:large;
}
div.menu ul li a:hover
{
background-color: #CC1111;
color: #ffffff;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您需要使用 z 索引。为 div.menu 提供较高的值，为 image 提供较低的值。
请参阅：http://www.w3schools.com/Css/pr_pos_z-index.asp< /a>
http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex
You need to use z-index. Give higher value for div.menu and give lower value for image.
See this: http://www.w3schools.com/Css/pr_pos_z-index.asp
http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex
给你的菜单一个
z-index值，例如我的假设是图片查看器也设置了一个，所以你需要你的值更高。
参考
Give your menu a
z-indexvalue, such asMy assumption is that theres one being set for the picture viewer as well, so you need yours to be higher.
Reference