Clever Geek Handbook

UI.tabs with Superfish menu

I am using jquery.ui.tabs to create a carousel. On the same page is the Superfish drop-down menu. Every time I hover over a menu item and tab switcher, the menu closes if it's a submenu, or flickers if it's on the top-level menu.

See http://demos.zatechcorp.com/mm/ for an example. How to fix it?

+2


source to share


1 answer


Add the following to your CSS:

#global-nav ul.sub {
z-index: 9999;
}
#global-nav ul.products {
z-index: 9999;
}


This will give the dropdowns the highest z-index on the page and no longer get in the way of navigation. Tested with Firebug and seems to allow any flickering.

+2


source






More articles:


All Articles