WordPress.org

1. @echo
   Member
   Posted 2 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.