导航菜单被jquery图片查看器隐藏

Question

您可以在下面的图片中看到，我的菜单正在我的照片查看器下方。照片查看器是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;
}

Answer 1

为您的菜单指定z-index值，例如

div.menu
{
     padding: 0px 0px 0px 0px;
     width:100%;
     position: relative;
     z-index:100;
}

我的假设是，为图片浏览器设置了一个，所以你需要你的更高。

<强> Reference

Answer 2

您需要使用z-index。为div.menu提供更高的值，并为图像赋予更低的值。

请参阅：http://www.w3schools.com/Css/pr_pos_z-index.asp

http://www.w3schools.com/Css/tryit.asp?filename=trycss_zindex