I have a website with a superfish menu and I have two different plugins for slideshows, nivo slider in the main page: http://hermandaddelcalvario.org/wordpress/ and photospace i开发者_StackOverflow社区n the gallery page: http://hermandaddelcalvario.org/wordpress/imagenes-3/
The problem comes with IE7, the dropdown falls behind the images on both pages. I searched a lot and everyone suggests that I do this:
/*gallery container*/
#content{
position:relative;
z-index: 1;
}
/*superfish container*/
#navwrap{
position:relative;
z-index: 2;
}
I did so but to no avail, is there something else I missed?
The issue occurs in both IE 6 and 7 due to the way they create a stacking order. More details can be found here: http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
In short - within your conditional IE stylesheets you will need to give your menus parent a z-index of higher value than your slideshow.
Ok this is a bit lame, 3 secs after I asked the question I found my answer here: Jquery Superfish problem in IE7
Using that script now it works but I still want to know what's wrong with the css here, I'd go for a css solution before this but I wanted to state that would solve the issue.
精彩评论