ASP.Net 菜单控件 - 水平排列 - 未显示子选项

Question

我正在尝试使用ASP:Menu控件，它相当简单。我希望它是水平的。这些一级项目中的每个项目都将有子项目。我可以使它水平，并且当我悬停在即时报告或可配置报告选项上时，似乎会弹出一个div或其他东西，但里面是空的。我已尝试格式化和我能想到的一切以及在互联网上找到的一切。我做错了什么？

<asp:Menu ID="mnuChoices" runat="server" Orientation="Horizontal" DataSourceID="dsSiteMap">
</asp:Menu>
<asp:SiteMapDataSource ID="dsSiteMap" runat="server" ShowStartingNode="false" />

这是站点地图文件。

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0">
<siteMapNode url="" title="MenuItems" description="">
    <siteMapNode url="" title="Instant Reports" description="">
        <siteMapNode url="" title="Current System Health" description="">
            <siteMapNode url="~/ConfigurableReports/PropCredit30/TestLog.aspx" title="TEST" description=""></siteMapNode>
        </siteMapNode>
        <siteMapNode url="" title="Credit on Renewal" description="" />
    </siteMapNode>
    <siteMapNode url="" title="Configurable Reports" description="">
        <siteMapNode url="~/ConfigurableReports/PropCredit30/AuditLog.aspx" title="Prop Credit 3 - Audit Log" description="" />
        <siteMapNode url="~/ConfigurableReports/PropCredit30/ErrorLog.aspx" title="Prop Credit 3 - Failure Log" description="" />
    </siteMapNode>
</siteMapNode>

这看起来很简单。我错过了什么吗？

TIA（谢谢您的帮助）

- Grandizer

Answer 1

听起来像是我在菜单中遇到的问题，但这只发生在IE8上... IE8处理z-index时出了错。幸运的是，修复起来很简单：

<asp:Menu ID="mnuChoices" runat="server" Orientation="Horizontal" 
            DataSourceID="dsSiteMap">
    <DynamicMenuStyle CssClass="submenu" />
</asp:Menu>

CSS：

.submenu {z-index: 9999; /* IE8 FIX for asp:Menu */}

- Willem

---

谢谢，我已经像这样修复了主菜单：#NavigationMenu ul {z-index: 9999;} - samir105

Answer 2

这应该会有所帮助：

http://weblogs.asp.net/bleroy/archive/2009/03/23/asp-menu-fix-for-ie8-problem-available.aspx

干杯

- Marko

---

这是正确的。然而，我将把下一个设置为“答案”，只是因为它需要更少的阅读。 :) - Grandizer

没问题。现在问题解决了，这很重要 ;) 干杯 - Marko