Search code examples
htmlcsswordpressdrop-down-menusuperfish

Dropdown (Superfish) menu appears behind Flex Slider in IE 7/8


The website: http://club16.abcguide.com/

The drop down menu items appear behind the Flex slider in IE 8 for the client, and IE 7 in my compatibility tester.

Help is appreciated in regards to this, thanks!


Solution

  • Unless the z-index is explicitly set for positioned elements, IE7/8 will give the positioned element a z-index of 0.

    Add position: relative; z-index: 99999; to #navigation-wrap to ensure it has a z-index greater than the other elements on the page. This will ensure it stays on top.