Html ASP动态菜单子菜单在鼠标悬停在子菜单上方时消失。

Html ASP动态菜单子菜单在鼠标悬停在子菜单上方时消失。,html,asp.net,css,menu,Html,Asp.net,Css,Menu,我发现一个网站的子菜单不见了,我被要求更新并修复一个问题(创建的员工不再在这里)。诚然,我不是一个用户界面的人,但我正试图弄明白这一点 当用户将鼠标移到父菜单项上时,将显示菜单选项和子菜单,但一旦鼠标移到子菜单,它就会消失。我将消失后的标记增加到9999。现在显示菜单时,我无法单击菜单项进行导航 <div id="navigation-container" > <div id="navigation" > <as

我发现一个网站的子菜单不见了,我被要求更新并修复一个问题(创建的员工不再在这里)。诚然,我不是一个用户界面的人,但我正试图弄明白这一点

当用户将鼠标移到父菜单项上时,将显示菜单选项和子菜单,但一旦鼠标移到子菜单,它就会消失。我将
消失后的
标记增加到9999。现在显示菜单时,我无法单击菜单项进行导航

       <div id="navigation-container" >
        <div id="navigation" >
            <asp:Menu ID="menuNavigation" StaticDisplayLevels="1" StaticSubMenuIndent="0" Orientation="Horizontal" 
                      Font-Names="Arial, Gill Sans" runat="server" DynamicEnableDefaultPopOutImage="True" 
                      StaticEnableDefaultPopOutImage="False" DisappearAfter="9999" DynamicHoverStyle-CssClass="navmenuitemhover" 
                      StaticSelectedStyle-BackColor="Red">
                <DynamicMenuStyle CssClass="headerzindex10" />
                <LevelMenuItemStyles>
                    <asp:MenuItemStyle CssClass="navlevel1"  />
                    <asp:MenuItemStyle CssClass="navlevel2" />
                    <asp:MenuItemStyle CssClass="navlevel3" />
                </LevelMenuItemStyles>
            </asp:Menu>
        </div>
        <asp:Label ID="lblOverview" runat="server" Text="Overview" CssClass="overviewLink"  />

    </div>

任何帮助都将不胜感激

经过多次搜索、CSS编辑,并将菜单作为JQ菜单重新执行后,我发现行
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B79BC,endColorstr=ţ355DAF)是导致问题的原因。我们公司使用IE8作为标准,我们的升级受到限制

在发现问题后进行的研究表明,在CSS中使用过滤器会在功能和元素放置方面造成很多问题,最好不要使用它们

修复的两个选项是使用背景图像在整个
中重复,或者删除并仅使用纯色。由于菜单栏区域足够小,我们只使用了菜单的
endColorstr
,它与标题的渐变很好地融合在一起

#navigation-container
{   
width: 100%;
color: #000;
top:60px;
position:fixed; 
left:0px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B79BC, endColorstr=#355DAF);
BACKGROUND-COLOR: #4b79bc;
z-index:10;
}


#navigation
{
margin:0px; 
position:fixed; /* This fixes the menu items issue*/    
padding-left:5px;
z-index:10;
}

.navlevel1
{
color: white;  
z-index:10;
top:35px;
padding:5px;
}


.navlevel2
{
color: black;
font-family: Gill Sans MT !important;
font-size: small;  
background-color: #a5bcdd;  
z-index:10;
top:35px;
}

.navlevel3
{
color: black;
background-color: #dbe4f1;
font-family: Gill Sans MT !important;
font-size: small;
z-index:10;
}

.navmenuitemhover
{
background-color:#253c5e;
color:White;    
font-weight:bold;
z-index:10;
}

.headerzindex10
{
position:relative;
z-index:10;
}