当我点击闪烁的链接时如何解决菜单问题。 [英] How To Resolve Menu Problem When I Click On Link That Is Flickering.
本文介绍了当我点击闪烁的链接时如何解决菜单问题。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这是我的csss代码
当我点击菜单项时，菜单项丢失了css样式并且
。菜单 {
width < span class =code-keyword>： auto;
background-color ： red;
text-align ： center;
height ： auto;
font-大小 ： 12px;
margin ： 0px 0px 2px 0px;
}
。菜单 ul {
background-color ： blue;
text-align ： center;
height ： 29px;
}
。菜单 ul < span class =code-leadattribute> li {
background-color ： 绿色;
text-align ： center;
/ * 如果需要，设置宽度。* /
宽度 ： 180px;
颜色 ： 红色;
}
。菜单 ul li a {
background ： ＃8a8a8a;
text-align ： left;
color ： b缺乏;
border-radius ： 5px 5px 5px 5px;
padding ： 4px 2px 4px 2px;
padding-left ： 8px ！important ;
border ： 2px solid＃646464;
/ * border-bottom：0; * /
z-index < span class =code-keyword>： 1;
}
。菜单 ul li a：hover {
background-image ： none ;
}
。菜单 ul < span class =code-leadattribute> li a：hover {
color ： black;
}
。菜单 ul li a {
color ： white;
align-content ： < span class =code-keyword> space-between;
}
。 zorder {
z-index ： 1;
position ： fixed;
}
＃标题 {
width ： 1600px;
margin ： 0 auto;
background-color ： 灰色;
height ： 20px;
颜色 ： 白色;
text-align ： right;
}
--- --------------
< asp：菜单 ID = HomeMenu OnMenuItemClick = HomeMenu_MenuItemClick < span class =code-attribute> runat = server 方向 = 水平 >
< DynamicMenuStyle CssClass = zorder / >
< 项目 >
< asp：MenuItem NavigateUrl = ＃ 文字 = HOME 值 = HOME > < / asp：MenuItem >
< asp：MenuItem 文本 = PLAN >
< a sp：MenuItem 文本 = ABP-Proposal >
< asp：MenuItem Text = Head-FA 值 = Head-FA < span class =code-keyword>> < / asp：MenuItem < span class =code-keyword>>
< asp：MenuItem 文字 = Head-Power 值 = Head-Power > < / asp：MenuItem >
< asp：MenuItem 文字 = Head-HR Value = Head-HR >
< asp：MenuItem 文字 = PermanentManPower 值 = PermanentManPower > < / asp：MenuItem >
< asp：MenuItem 文字 = OtherInitiative 值 = OtherInitiative > < / asp：MenuItem >
< / asp：MenuItem >
< asp：MenuItem 文字 = Head-Projects 值 = Head-Projects > < / asp：MenuItem > ;
< asp：MenuItem 文字 = Head-CA& amp; ; L 值 = Head-CA& L > < / asp：MenuItem >
< asp：MenuItem 正文 = Head-Strategy& BD 值 = Head-Strategy& BD > < / asp：MenuItem >
< asp：MenuItem 文本 = Head-HSE& Compliance 值 = Head-HSE& Compliance > < / asp：MenuItem >
< asp：MenuItem Text = 首席财务官 < span class =code-attribute>值 = CFO > < / asp：MenuItem >
< / asp：MenuItem >
< asp：MenuItem 文字 = 循环计划 < span class =code-attribute> 值 = 流通计划 > < / asp：MenuItem >
< asp：MenuItem 文本 = 合并计划 值 = 整合计划 > < / asp：MenuItem >
< span class =code-keyword>< asp：MenuItem 文字 = 批准计划 值 = 批准计划 > < / asp ：MenuItem >
< asp：MenuItem NavigateUrl = ＃ 文字 < span class =code-keyword> = CAPEX 值 = 资本支出 >
< asp：MenuItem Text = 发布资本支出目标 值 = 发布资本支出目标 < span class =code-keyword>> < / asp：MenuItem < span class =code-keyword>>
< asp：MenuItem 文字 = 输入资本支出计划 值 = 输入资本支出计划 > < / asp：MenuItem >
< asp：MenuItem 文字 = 资本支出批准 值 = 资本支出批准 > < / asp：MenuItem >
< span class =code-keyword>< asp：MenuItem 文字 = 批准资本支出计划 值 = 批准资本支出计划 > < / asp：MenuItem >
< asp：MenuItem 文本 = 合并 - 资本支出 值 = 合并 - 资本支出 > < / asp：MenuItem >
< asp：MenuItem < span class =code-attribute>文字 = 批准整合资本支出 值 = 批准合并资本支出 > < / ASP：菜单项 >
< asp： MenuItem 文字 = 资本支出计划 - 链接资产 值 < span class =code-keyword> = 资本支出计划 - 链接资产 > < / asp：MenuItem >
< / asp：MenuItem > ;
< / asp：MenuItem >
< asp：MenuItem NavigateUrl = ＃ 文字 = BUDGET 值 < span class =code-keyword> = BUDGET >
< asp：MenuItem 文字 = BudgetPlan 值 = BudgetPlan > < / asp：MenuItem >
< / asp：MenuItem >
< asp：MenuItem 文本 = 批准 值 = 新项目 >
< <温泉n class =code-leadattribute> asp：MenuItem Text = 新项 值 = 新项 > < / asp：MenuItem >
< / asp：MenuItem >
< asp：MenuItem 文本 = logout NavigateUrl = 〜 /Login.aspx\"> < / asp：MenuItem >
< / Items >
< / asp：菜单 >
< / div >
解决方案
This is my csss code
when i click on menu items then the menu items lost the css style and
.Menu {
width:auto;
background-color: red;
text-align: center;
height: auto;
font-size: 12px;
margin: 0px 0px 2px 0px;
}
.Menu ul {
background-color: blue;
text-align: center;
height:29px;
}
.Menu ul li {
background-color:green;
text-align: center;
/* set width if needed.*/
width: 180px;
color:red;
}
.Menu ul li a {
background: #8a8a8a;
text-align: left;
color: black;
border-radius: 5px 5px 5px 5px;
padding: 4px 2px 4px 2px;
padding-left: 8px !important;
border: 2px solid #646464;
/*border-bottom: 0;*/
z-index:1;
}
.Menu ul li a:hover {
background-image: none;
}
.Menu ul li a:hover {
color: black;
}
.Menu ul li a {
color: white;
align-content: space-between;
}
.zorder {
z-index:1;
position:fixed;
}
#headers {
width: 1600px;
margin: 0 auto;
background-color: gray;
height: 20px;
color: White;
text-align: right;
}
-----------------
<asp:Menu ID="HomeMenu" OnMenuItemClick="HomeMenu_MenuItemClick" runat="server" Orientation="Horizontal">
<DynamicMenuStyle CssClass="zorder" />
<Items>
<asp:MenuItem NavigateUrl="#" Text="HOME" Value="HOME"></asp:MenuItem>
<asp:MenuItem Text="PLAN">
<asp:MenuItem Text="ABP-Proposal">
<asp:MenuItem Text="Head-FA" Value="Head-FA"></asp:MenuItem>
<asp:MenuItem Text="Head-Power" Value="Head-Power"></asp:MenuItem>
<asp:MenuItem Text="Head-HR" Value="Head-HR">
<asp:MenuItem Text="PermanentManPower" Value="PermanentManPower"></asp:MenuItem>
<asp:MenuItem Text="OtherInitiative" Value="OtherInitiative"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Head-Projects" Value="Head-Projects"></asp:MenuItem>
<asp:MenuItem Text="Head-CA&L" Value="Head-CA&L"></asp:MenuItem>
<asp:MenuItem Text="Head–Strategy&BD" Value="Head–Strategy&BD"></asp:MenuItem>
<asp:MenuItem Text="Head–HSE&Compliance" Value="Head–HSE&Compliance"></asp:MenuItem>
<asp:MenuItem Text="CFO" Value="CFO"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Circulate Plan" Value="Circulate Plan"></asp:MenuItem>
<asp:MenuItem Text="Consolidate Plan" Value="Consolidate Plan"></asp:MenuItem>
<asp:MenuItem Text="Approve Plan" Value="Approve Plan"></asp:MenuItem>
<asp:MenuItem NavigateUrl="#" Text="CAPEX" Value="CAPEX">
<asp:MenuItem Text="Circulate Capex Targets" Value="Circulate Capex Targets"></asp:MenuItem>
<asp:MenuItem Text="Enter Capex Plan" Value="Enter Capex Plan"></asp:MenuItem>
<asp:MenuItem Text="Capex Approval" Value="Capex Approval"></asp:MenuItem>
<asp:MenuItem Text="Approve Capex Plan" Value="Approve Capex Plan"></asp:MenuItem>
<asp:MenuItem Text="Consolidate - Capex" Value="Consolidate - Capex"></asp:MenuItem>
<asp:MenuItem Text="Approve Consolidate Capex" Value="Approve Consolidate Capex"></asp:MenuItem>
<asp:MenuItem Text="Capex Plan–Link Asset" Value="Capex Plan–Link Asset"></asp:MenuItem>
</asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem NavigateUrl="#" Text="BUDGET" Value="BUDGET">
<asp:MenuItem Text="BudgetPlan" Value="BudgetPlan"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="Approve" Value="New Item">
<asp:MenuItem Text="New Item" Value="New Item"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="logout" NavigateUrl="~/Login.aspx"></asp:MenuItem>
</Items>
</asp:Menu>
</div> 解决方案
这篇关于当我点击闪烁的链接时如何解决菜单问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
