站点地图的子菜单隐藏在 Asp.net 页面中的 JavaScript 图片库后面？

Question

在我的带有站点地图菜单和子菜单的 asp.net 页面中，添加了一个 java 脚本和 jQuery 图片库，但是当我选择子菜单时，它隐藏在图片库后面。

我的菜单的css代码是：

.menuItem
{     
    border:Outset 1px black;
    background-color:Gray;
    font:14px Arial;
    color:White;
    padding:8px;            
}

菜单和站点地图：

<asp:Menu ID="Menu1"  StaticMenuItemStyle-CssClass="menuItem"
        DynamicMenuItemStyle-CssClass="menuItem" Runat="server" Orientation="Horizontal" DataSourceID="srcSiteMap" /> 
                                <asp:SiteMapDataSource ID="srcSiteMap" Runat="server" ShowStartingNode="false" /> 

Answer 1

你可以通过设置两个元素来解决这个问题

position:relative; //or
position:absolute;

然后给一个元素一些较小的数量

z-index: 0;

还有一些像

z-index: 10;

希望对你有帮助。