在ASP.Net子菜单中删除白色背景

我正在创建导航菜单，并且我正在努力去除选择子菜单时出现的白色背景。我已经搜索了高和低，我已经尝试创建并添加一个Z-index = 1000的类到动态菜单样式，以及只需将背景设置为透明。在子菜单后面看到的渐变是所需的，但所有的空白不是。另外，我希望整个菜单直接放在部门标题下。如果可能，请帮助我。我一直在寻找一个解决方案，我已经访问了其他几个网站。如果可能的话，我想这个解决方案编程使用CSS或ASP.NET控件的属性。在ASP.Net子菜单中删除白色背景

参考：使用.NET 4 语言= VB 软件：Visual Studio的专业

问题的图片： http://i1332.photobucket.com/albums/w601/OfficialMsRae/Menu_zps7051ce8a.png

这是我的ASP.Net代码：

<asp:Content ID="Content4" ContentPlaceHolderID="NavigationContentPlaceHolder" runat="server"> 
<form runat="server"> 
<div id="NavBarDiv"> 
    <asp:Menu runat="server" 
     CssClass="NavBar" 
     DataSourceID="SiteMapDataSource" 
     MaximumDynamicDisplayLevels="4" 
     StaticEnableDefaultPopOutImage="false" 
     staticdisplaylevels="1" 
     staticsubmenuindent="10" 
     target="_blank" 
     Font-Names="Calibri" 
     EnableViewState="false" 
     IncludeStyleBlock="false" 
     Orientation="Horizontal" 
     BorderStyle="Solid" 
     Borderwidth="1px"> 
     <LevelMenuItemStyles> 
      <asp:MenuItemStyle CssClass="level1"/> 
      <asp:MenuItemStyle CssClass="level2"/> 
      <asp:MenuItemStyle CssClass="level3"/> 
     </LevelMenuItemStyles> 
     <StaticHoverStyle BackColor="Transparent" /> 

     <%--    <StaticSelectedStyle BackColor="White" BorderColor="Gray" BorderWidth="2px" /> 
     <StaticSelectedStyle BackColor="Black" /> 
     <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" /> 
     <DynamicHoverStyle BorderStyle="Double" BorderWidth="2px" BorderColor="Gray" /> 
     <DynamicMenuStyle BackColor="none" /> 
     <DynamicSelectedStyle BackColor="#000000" BorderStyle="Double" /> 

     <StaticHoverStyle BackColor="#000000" ForeColor="White" />--%> 


    </asp:Menu> 
    <asp:SiteMapDataSource ID="SiteMapDataSource" ShowStartingNode="false" runat="server" /> 
</div>

这里是我的样式表的链接： https://www.dropbox.com/s/rx8dr05gf6psxvm/Styles.css

任何帮助表示赞赏。让我知道是否需要提供更多信息。

来源

2013-04-23 user1785509

我相信这种情况发生的原因是因为背景渐变只覆盖文本的宽度。例如：

|[AR Dashboard] | 
|[AR Performance]|

AR性能更长，使箱子更大。你需要做的是给每个菜单项（AR Dashborad和AR性能固定宽度，例如：

.menuItem { 
    width: 100px; 
    backgroundcolor: yourgradient; 
}

之后，他们应该像你想：

|[AR Dashboard]|||| 
|[AR Performance]||

来源

2013-08-07 04:12:50 Yushell

在ASP.Net子菜单中删除白色背景

回答

相关问题