2

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

参考：使用 .Net 4 语言 = VB 软件：Visual Studio Professional

问题图片：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

任何帮助表示赞赏。如果我需要提供更多信息，请告诉我。

4

1 回答 1

0

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

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

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

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

之后，它们应该看起来像你想要的：

|[AR Dashboard]||||
|[AR Performance]||
于 2013-08-07T04:12:50.767 回答