站点地图的子菜单隐藏在 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;

希望它有所帮助。