ASP.NET Menu MouseOver Problem Solution for IE8 and Safari

If you are using ASP.NET menus which open when you drag the mouse over them, you may experience difficulties in Internet Explorer 8 or Safari. They simply won’t respond to your mouseover action.

The workaround for Internet Explorer 8 is simple: Use the compability mode. However; the “solution” has been explained in http://www.daniweb.com/forums/thread244363.html . Here is the excerpt:

Setting the z-index property (HTML) using CSS can address this problem. The CSS class would look something like this:

Help with Code Tags

css Syntax (Toggle Plain Text)

.adjustedZIndex {
    z-index: 1;
}

And the Menu should look like as below

Help with Code Tags

ASP.NET Syntax (Toggle Plain Text)

asp:Menu ID="Menu1" runat="server"
    DynamicMenuStyle CssClass="adjustedZIndex" /
/asp:Menu

The z-index has to be something higher.

I have set the z-index property as 99, and it worked like a charm.

The solution for Safari has been explained in http://forums.asp.net/t/941229.aspx?PageIndex=2 . Here is the excerpt:

What I did to enable the asp:menu for Safari was to add a file called safari.browser to the App_Browsers folder. The contents of safari.browser are as follows:

<browsers>
<browser refID="safari1plus">
<controlAdapters>
 <adapter controlType="System.Web.UI.WebControls.Menu" adapterType="" />
controlAdapters>
browser>
browsers>

Basically the refID matches a browser id in the original browser configuration files for the .Net framework. In our custom .browser file we override the control adapter settings for the asp:menu control for this specific browser.

I have tested this on Mac OS Snow Leopard, and it worked like a charm.

Both of these solutions can be implemented together.

Advertisement