Compartir a través de

IE8 ASP.NET Menu rendering issue

  • Artículo

Since I’ve run into this issue myself, I thought I’d share a blog post that offers several possible workarounds while the ASP.NET team is looking at the issue:

If you are using the ASP.NET Menu control, you might encounter under certain circumstances an issue where the menu appears as a white box in IE8 Standards Mode.

image

What IE8 is doing IS correct (by design), in the sense that in Standards mode IE8 is following the standards. Specifically, (element).currentStyle.zIndex returns "auto" in Standards mode when zindex has not been set. The ASP.NET Menu control assumes a different value.

I’d like to suggest a few possible workarounds to solve quickly the issue (note, you can use either one of them, depending on your scenario):

  1. Overriding the z-index property
  2. Using CSS Friendly Control Adapters
  3. Adding the IE7 META tag to the website

Read the whole post for the details on the workarounds.

Giorgio Sardo Blog : ASP.NET Menu and IE8 rendering white issue

Comments

  • Anonymous
    April 02, 2009
    Hi Andrew! Thanks for the tip. Do you know how to disable tooltips displayed by ASP.NET menu controls? Setting ToolTip="" doesn't do it. Also, how to make menu to display meaningful info on a browser's statusbar? With regular links I do it using OnMouseOver / OnMouseOut, but how to do it with database-generated ASP.NET menu? Thanks!