网站地图'的子菜单隐藏在Asp.net页面的JavaScript图像库后面

Sitemap's sub-menu are hidden behind a JavaScript image Gallery in Asp.net page?

本文关键字：net JavaScript 图像 Asp 隐藏 地图 网站 菜单      更新时间：2023-09-26

在我的带有站点地图菜单和子菜单的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" />

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

position:relative; //or
position:absolute;

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

z-index: 0;

另一个是像这样的高数字

z-index: 10;

希望能有所帮助。

相关文章：