Solution: Menu Hiding Behind Content

[rezyn8]

There doesn’t seem to be a definite answer to this question to fully fix this issue in all browsers.

‘z-index:1000;’ in the ‘#suckerfishnav, #suckerfishnav ul’ area will fix the issue in FF, Chrome Safari etc. However, the issue still remains with some flavours of IE. And this is because of the non-standards compliant rendering engine.

To get around this I have used the jQuery solution provided by Vance Lucas (http://www.vancelucas.com/blog/fixing-i … th-jquery/).

The code I have inserted into my sites to get this great plugin to work is as follows using a call to Google’s API repository for jQuery 1.3.2 and then the real magic:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>&nbsp;
<script type="text/javascript">google.load ("jquery", "1.3.2", {uncompressed: false});</script>

<script type="text/javascript" language="JavaScript">
jQuery(function() {
var zIndexNumber = 1000;
jQuery(‘div’).each(function() {
jQuery(this).css(‘zIndex’, zIndexNumber);
zIndexNumber -= 10;
});
});
</script>

This could possibly be built into the plugin to save people the headaches of a solution. And there is no need to update the CSS generator.

[imported_Ryan]

Thanks.

There is a very simple solution to this problem though … use a good theme. Any well coded theme will not have problems with the menu.

The new CSS generator is already ready and put into use in our new alpha release plugin … http://wordpress.org/extend/plugins/pixopoint_menu/

[Author]

Posts