1

当我在本地时，菜单项可以正常工作，有 3 个可见的菜单项，当我将鼠标悬停在第一个菜单项上时，会出现下拉菜单项。它们处于水平视图中，看起来很棒。当我将它加载到我的服务器时，菜单项会变成一个列表，菜单会显示所有内容，甚至是子类别，并且会垂直显示。我尝试使用RenderingMode="table" 它显示 3 页而不是子类别。然后我添加staticdisplaylevels="3"了类别，子类别都列在一条水平线上。我本地的框架是4.0，服务器是4.0。我已经尝试了几天，我只是想我会把它贴在这里让其他人再看看。

这是我的母版页导航

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" Visible="false" onmenuitemclick="NavigationMenu_MenuItemClick" >
                    <LevelSubMenuStyles>
                        <asp:SubMenuStyle CssClass="level1" />
                        <asp:SubMenuStyle CssClass="level2" />
                        <asp:SubMenuStyle CssClass="level3" />
                    </LevelSubMenuStyles>
                    <StaticHoverStyle CssClass="hoverstyle"/>
                    <Items>
                        <asp:MenuItem NavigateUrl="~/page1.aspx" Text="Page1">
                            <asp:MenuItem Text="Sub1" Value="Sub1" NavigateUrl="~/page1.aspx" >


                                <asp:MenuItem  Text="Sub1.1" Value=" Sub1.1" />
                                <asp:MenuItem  Text="Sub1.2"  Value="sub1.2"/>
                                <asp:MenuItem Text="sub1.3" Value= "sub1.3"/>    
                        </asp:MenuItem>
                        <asp:MenuItem  NavigateUrl="~/page2.aspx " Text="Sub2" Value="Sub2">
                                <asp:MenuItem  Text="Sub2.1" Value="sub2.1" />
                                <asp:MenuItem  Text="Sub2.2"  Value="sub2.2"/>
                                <asp:MenuItem Text="Sub2.3" Value= "Sub2.3" />
                        </asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem NavigateUrl="~/page3.aspx" Text="Page3"/>
        </Items>
                </asp:Menu>
            </div>
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server">

                </asp:ContentPlaceHolder>
        </div>
        <div class="clear">
        </div>
    </div>
    <div class="footer">

    </div>
    </div>
    </form>
</body>
</html>
4

0 回答 0