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;
}