[resolved] Superfish drop-menu hides in pre-IE8 browsers (1 post)

  1. @echo
    Posted 5 years ago #

    WP 3.01, with Arras Theme, Superfish drop-menus are hidden behind content in pre-IE8 browsers. Owing to the IE Z-Index Bug, stacking order is reset on positioned elements.

    The solution I came up with is to edit the Base.css file, remove z-index from the sub-menu.

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul  {
    left: 0;
    top: 2.8em;
    <strong>/* z-index: 99; REMOVE THIS*/</strong> }

    And add z-index higher up in the menu cascade:

    .sf-menu li  {
    float: left;
    position: relative;
    <strong>z-index: 100;</strong> }

    A fairly simple fix. Hope it helps others. :-)

    Nancy O.
    Alt-Web Design & Publishing

Topic Closed

This topic has been closed to new replies.

About this Topic