在Wordpress中使用Nivo滑块或Photospace的Superfish IE7 z-index错误

Question

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 in 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?

Answer 1

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.

Answer 2

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.