[英]ASP Dynamic Menu Sub Menu Disappears on mouse over of submenu.
I am having an issue with the submenu disappering for a website that I was asked to update and fix an issue (employee who created is no longer here). 我遇到了一个子菜单的问题,该子菜单针对我被要求更新和解决问题的网站而被分拆(创建的员工不再在此处)。 Admittedly I am not a UI person but trying to figure this out.
诚然,我不是UI使用者,但试图弄清楚这一点。
The menu options display and the submenu show when the user mouses over the parent menu item, however as soon as the mouse is moved to the submenu it then disappears. 当用户将鼠标悬停在父菜单项上时,将显示菜单选项和子菜单,但是,一旦将鼠标移至子菜单,它就会消失。 I upped the
DisappearAfter
tag to 9999. while the menu now displays I am not able to click on the menu item to navigate. 我将
DisappearAfter
标记升至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 Code: CSS代码:
#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;
}
Any help would be appreciated. 任何帮助,将不胜感激。
After many many searches, CSS edits, and re-doing the menu as a JQ Menu, i found that the line filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B79BC, endColorstr=#355DAF);
经过许多搜索,CSS编辑并将菜单作为JQ菜单重新进行后,我发现以下行
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B79BC, endColorstr=#355DAF);
was causing the issue. 造成了问题。 Our company uses IE8 as the standard and we are locked down from upgrades.
我们公司使用IE8作为标准,我们无法升级。
Researching after the issue was found indicated that using filters in the CSS causes lots of issues in functionality and placement of elements and it is best not to use them. 发现问题后进行的研究表明,在CSS中使用过滤器会导致很多功能和元素放置问题,最好不要使用它们。
The 2 options to fix was to use a background image repeated across the <DIV>
or to remove and just use a solid color. 修复的2个选项是使用在
<DIV>
重复的背景图像,或者删除并仅使用纯色。 since the menu bar area so small enough we just used the endColorstr
for the menu and it blended nicely with the gradient for the header. 由于菜单栏区域足够小,我们仅将
endColorstr
用于菜单,并将其与标题的渐变很好地融合在一起。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.