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!
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!
You must be logged in to post a comment.
Unless the
z-index
is explicitly set for positioned elements, IE7/8 will give the positioned element az-index
of 0.Add
position: relative; z-index: 99999;
to#navigation-wrap
to ensure it has az-index
greater than the other elements on the page. This will ensure it stays on top..flexslider
hasposition:relative;
but noz-index
CSS property, if you addz-index:1
to that container, and thenposition:relative;
andz-index:2;
to any one of your suckerfish menu containers (I added it toul.menu
in IE debug tools), the menu will then be positioned atop the slider.For future readers, if you have a CSS gradient on your navigation, early versions of IE will have trouble with drop downs.