ASP.NET 4 菜单隐藏在包含 Silverlight 应用程序的 div 后面

Question

我有一个 aspx 页面，其中有一个 ASP.NET 4 菜单控件(呈现为 ul/li，而不是表格)，其正下方有一个 div，其中包含 Silverlight .xap。当用户在菜单控件中选择菜单项时，Silverlight 应用程序就会更新。在 IE 7 和 8 中，当我将鼠标悬停在菜单上时，菜单项“隐藏”在 Silverlight 后面，我只能部分看到第一个子项。然而，菜单在 Firefox 中显示得很好。我认为我的 CSS 中的某些内容导致了它，并且我删除了所有 CSS 引用，但它仍然隐藏在 Silverlight 应用程序后面。如何将菜单控件置于最前面？

这是我的菜单 -

 <asp:Menu ID="mnuReports" runat="server" Orientation="Horizontal" OnMenuItemClick="mnuReports_MenuItemClick"
        BackColor="#DDDDDD" ForeColor="#000000" StaticSubMenuIndent="10px" MaximumDynamicDisplayLevels="1"
        StaticEnableDefaultPopOutImage="False">
        <DynamicHoverStyle BackColor="#DDDDDD" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="5px" BorderColor="#CCCCCC"
            BorderStyle="Solid" BorderWidth="1px" />
        <DynamicMenuStyle BackColor="#E3EAEB" />
        <DynamicSelectedStyle BackColor="#1C5E55" />
        <StaticHoverStyle BackColor="#DDDDDD" />
        <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="5px" BorderColor="#CCCCCC"
            BorderStyle="Solid" BorderWidth="1px" Width="148px" Font-Bold="True" />
    </asp:Menu>

Answer 1

您可以在 HTML <object /> 上设置“无窗口”和“背景”参数Silverlight 组件的标记，以确保它不会覆盖其他页面元素。

<object id="silverlight" data="data:application/x-silverlight," type="application/x-silverlight-4" width="100%" height="100%" >
    <param name="source" value="ClientBin/YourSilverlight.xap"/>
    <param name="background" value="transparent" />
    <param name="windowless" value="true" />
</object>