MenuItem 选中后图片无法显示问题
MenuItem 里面用了NavigateUrl 后,样式里面的图片就无法显示 了, 如果不加NavigateUrl,MenuItem 正常的,点击之后可以更换背景图片。
求解,多谢。
HTML code <asp:Menu ID="Menu1" Target="main" Width="168px" CssClass="MenuBorder" runat="server" StaticSelectedStyle-CssClass ="TabSelected" StaticMenuStyle-CssClass ="TabMenu" StaticMenuItemStyle-CssClass="tab"
Orientation="Horizontal" StaticEnableDefaultPopOutImage="False" OnMenuItemClick="Menu1_MenuItemClick">
<Items>
<asp:MenuItem Text="待处理事项" NavigateUrl="p1.aspx" Target="main" Value="0"></asp:MenuItem>
<asp:MenuItem Text="已处理事项" NavigateUrl="p2.aspx" Target="main" Value="1"></asp:MenuItem>
<asp:MenuItem Text="新建项目" NavigateUrl="p3.aspx" Target="main" Value="2"></asp:MenuItem>
<asp:MenuItem Text="查询报表" NavigateUrl="p4.aspx" Target="main" Value="3"></asp:MenuItem>
</Items>
</asp:Menu>
CSS code
<style type="text/css">
.TabMenu{
padding:0px;
margin:5px 0px 0px 0px;
color:#c4d8ed;
font-size:12px;}
.Tab{
BACKGROUND-IMAGE: url("images/pic_14.jpg") ;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 27px;
WIDTH: 95px;
color:#c4d8ed;
font-weight:bold;
TEXT-ALIGN: center;
line-height: 200%;
}
.Tab a, .Tab a c {
BACKGROUND-IMAGE: url("images/pic_14.jpg") ;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 27px;
WIDTH: 95px;
color:#000000;
font-weight:bold;
TEXT-ALIGN: center;
line-height: 200%;
}
.TabSelected{
BACKGROUND-IMAGE: url("images/pic_13.jpg") ;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 27px;
WIDTH: 95px;
font-weight:bold;
TEXT-ALIGN: center;
line-height: 200%;
}
.TabSelected a, .TabSelected a span{
BACKGROUND-IMAGE: url("images/pic_13.jpg") ;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 27px;
WIDTH: 95px;
color:#e00000;
font-weight:bold;
TEXT-ALIGN: center;
line-height: 200%;
}
</style>