Menu goes behind another menu

2 posts, 0 answers
  1. Keith
    Keith avatar
    61 posts
    Member since:
    May 2008

    Posted 03 Feb 2010 Link to this post

    We have two Rad Menus (Ver 2009.3.1208.20) on the same page adjacent to each other. In IE "Menu A" flyouts were showing behind the transparent layer of the adjacent menu "Menu B" and both menus behaved correctly in FF and Safari. (see attached file) However, "Menu B" flyouts display correctly over "Menu A"

    The issue is similar to the post at http://www.telerik.com/community/forums/aspnet-ajax/menu/menu-opens-behind-radschedular-no-matter-what-z-index-i-use.aspx

    I was able to get "Menu A" in IE to behave correctly by adding EnableOverlay="false" style="z-index:1!important;" to the RadMenu, but then FF and Safari show the unwanted behavior. So, the problem just switched browsers.

    So, short of having server side logic to detect the browser used and dynamically add the EnableOverlay="false" style="z-index:1!important;" or remove it, is there an easier fix?

    Thanks in advance,

    Keith E.



  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 04 Feb 2010 Link to this post

    Hi Keith,

    This is an IE z-index bug:
    http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

    Here is a very useful blog post on the matter:
    http://blogs.telerik.com/atanaskorchev/posts/09-07-02/z-index_demystified.aspx


    Greetings,
    Peter
    the Telerik team

    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Follow the status of features or bugs in PITS and vote for them to affect their priority.
Back to Top