OR

blue block must stay behind the menu item which is active… i couldn’t make it ..

regards

When mousing though my css navigation menu and rolling over top this flyout menu my css nav menu disappears and the flyout begins interaction.

the highest z-index on the flyout is 100
I just tested with a 1200 z-index, and a 100000 z-index (just to make certain) on my css nav menu.

Thanks.

any news about compatibility with Jquery from 1.6 or more?

Thanks.

Earlier I asked about making the sliding menu bars less transparent so that text could show through (I had 0 experience with anything prior to this past weekend) and I wanted to share my solution with everyone. I found that by using Adam’s pure CSS3 script I could then set ‘opacity: 1′ without having to worry about the javascript superseding the css; also, this pure CSS3 implementation seems to make the site function with IE9, which is nice.

Two other questions arose, if anyone can assist.

1) Is there anyway to make the CSS3 solution work with IE7 or at least display a nice information window to upgrade?
2) Any idea on how to put spaces into the name of the menu items without messing up view?

First line should look like this in original code line:

var $moving = $(”,{

—

var $moving = $(”,{
className : ‘move’,
top : $selected[0].offsetTop + ‘px’, /* <– this doesn't work */
width : $selected[0].offsetWidth + 'px'
});

$moving.css('top',$selected[0].offsetTop + 'px'); /* <– this fixes the problem */

—

Original code that I have is:

—

var $moving = $('’,{
className : ‘move’,
top : $selected[0].offsetTop + ‘px’,
width : $selected[0].offsetWidth + ‘px’
});

—

How this part should look like after modification?