Geek Answers Handbook

ASP.NET 4 Menu Hides Behind a Div Containing a Silverlight Application

I have an aspx page that has an ASP.NET 4 control (displayed as ul / li instead of tables) and a div to the right below it that contains Silverlight.xap. When a user selects a menu item in a menu control, the Silverlight application updates. In IE 7 and 8, when I hover over a menu, the menu items are “hidden” behind Silverlight, and I partially see only the first child. However, the menu looks just fine in Firefox. I thought something in my CSS caused this, and I removed all the CSS links, but it still remains hidden behind the Silverlight application. How to bring a menu control to the fore?

Here is my menu -

 <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>
+5
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>
+6

More articles:


All Articles