ASP.NET 4 Menü versteckt sich hinter einem div Silverlight-Anwendung enthält

Question

Ich habe eine Aspx-Seite, die eine ASP.NET 4 Menüsteuerung hat (übertragen als ul/li anstelle von Tabellen) und ein div direkt darunter, die eine Silverlight enthält. xap. Wenn der Benutzer ein Menüelement in dem Menüsteuerelement auswählt, wird die Silverlight App aktualisiert. In IE 7 & 8, wenn ich den Mauszeiger über das Menü halte, sind die Menüpunkte hinter dem Silverlight "versteckt" und ich kann teilweise nur das erste untergeordnete Element sehen. Das Menü scheint jedoch in Firefox gut zu sein. Ich dachte, dass etwas in meinem CSS es verursacht hat und ich habe alle CSS-Referenzen entfernt, aber es bleibt immer noch hinter der Silverlight-App verborgen. Wie bringe ich die Menüsteuerung nach vorne?

Hier ist mein Menü -

<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

Sie können die „fensterlos“ gesetzt und „Hintergrund“ Parameter auf dem HTML-<object /> Tag der Silverlight-Komponente sicherstellen, dass es nicht andere Seitenelemente nicht überlagern.

<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>