如何在ASP.NET的MENU中使用样式CssClass? [英] How to use style CssClass in MENU for ASP.NET?

问题描述

我正在使用CssClass更改Asp.net中我的Menu控件的背景图像和颜色.我正在使用我的MasterPage中的菜单.

I am using CssClass to change the background image and color of my Menu control in Asp.net. Am using the menu in my MasterPage.

.mystyle
{
   color:Red ;
   font-size: medium;
   background-image: url('Images/test22.png');
   border-color:Blue;
}

我的菜单在这里:

And my Menu is here:

<asp:Menu ID="Menu1" runat="server" CssClass="mystyle"  

    DataSourceID="SiteMapDataSourceMain" >
    <StaticSelectedStyle  CssClass="mystyle"  />
    <StaticMenuItemStyle  CssClass="mystyle" />
    <DynamicHoverStyle CssClass="mystyle" />
    <DynamicMenuStyle CssClass="mystyle" />
    <DynamicItemTemplate >
        <%# Eval("Text") %>
    </DynamicItemTemplate>
    <DynamicSelectedStyle  CssClass="mystyle"  />
    <DynamicMenuItemStyle  CssClass="mystyle" />
    <StaticHoverStyle CssClass="mystyle" />
</asp:Menu>

问题是当我第一次跑步时，它显示背景图像.每当我刷新页面(单击或类似操作)时，背景图像都会熄灭.它开始显示时没有任何背景图像.我搜索了很多链接，但没有解决方案.

The problem is when I run for the 1st time, it shows background image. Whenever I refresh the page(a click or something), the background images goes off. It start displaying without any background image. I search for many links but no solution.

推荐答案

我建​​议从这里开始:

http://msdn.microsoft.com/en-us/library/ms366731.aspx [ ^ ]

I would suggest starting here:

http://msdn.microsoft.com/en-us/library/ms366731.aspx[^]

我已经完成了CSS，如下所示

i have done the CSS like below

.myStyle
     {
          background-image: url(''Buttons/buttonBackground.png'');

     }
      .myStyle1
     {
          background-image: url(''Buttons/menuBack.png'');
     }

和我的菜单

and My menu

<asp:Menu ID="Menu1" runat="server" CssClass="myStyle" 
                            DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" 
                            ForeColor="#7C6F57" Orientation="Horizontal" StaticSubMenuIndent="10px" 
                            DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2">
                            <StaticSelectedStyle BackColor="#CC00CC" />
                            <StaticMenuItemStyle CssClass="myStyle" HorizontalPadding="5px" VerticalPadding="2px" 
                                BackColor="#F3F3EE" />
                            <StaticHoverStyle CssClass="myStyle1" BackColor="#CC00CC" ForeColor="White" />
                            <DynamicHoverStyle CssClass="myStyle" BackColor="#CC00CC" ForeColor="White" />
                            <DynamicMenuStyle BackColor="#F7F6F3" />
                            <DynamicSelectedStyle BackColor="#CC00CC" />
                            <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" 
                                BackColor="#F3F3EE" />
                            <StaticHoverStyle CssClass="myStyle" ForeColor="White" />
                            <Items>

....

....

而现在，它就像是一种魅力……
也许会对其他像我一样的人有所帮助.

And Now it is work like a charm...
May be it will help other like me..

我已经看过了.无论如何，很棒的链接..谢谢你.

I have already seen it. anyway great link..and thank U.

这篇关于如何在ASP.NET的MENU中使用样式CssClass?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！