css - z-index not functioning properly on menu, due to jQuery slider -


It appears that for some reason that despite adjusting my jade-index, my content slider is "top of my navigation menu "Properties to correct this issue.

The wrapper is a positionable element on my menu and the slider is setting content for 98 or 99 of Z-index, so I did not know that for my menu 999's z-index Does not work.

I have not tried to advertise various z-indexes via firebug.

The site currently in question is our test server here:

Enter image details here Usually status: absolute; Always work in my projects with z-index sliders, do not forget to render the menu after , so it should be top < / Strong> is forced to sit on.

What did I do here when I edited your HTML in Chrome:

  & lt; Div class = "main" & gt; ... Your slider code ... & lt; / Div & gt; & Lt ;! - View added inline styles - & gt; & Lt; Div class = "wrapper_menu menu_dark_theme" style = "status: full; margin-top: -1200px; z-index: 9999;" & Gt; & Lt; Ul class = "menu menu_takeflight" & gt; ... & lt; / Ul & gt; & Lt; / Div & gt;   

Screen capture is attached:

Comments