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 Performance はより長く、ボックスを大きくします。各メニュー項目 (AR Dashborad と AR Performance に固定幅を指定する必要があります。例:

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

その後、それらはあなたが望むように見えるはずです:

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