RyanP13 RyanP13 - 4 years ago 96
CSS Question

Z-index: How to make nested elements appear underneath their parent element

This fiddle should demonstrate the issue:

http://jsfiddle.net/5sqxQ/2/

I want the sub menu to appear underneath the parent menu. I was then was looking to extend this with JavaScript to slide the menu from underneath on hover of the parent li element.

Not fussed about the JavaScript but can't figure out how to style the elements to achieve the desired layering.

Answer Source

You don't.

Instead, make the a be the "Sign In" "button".

Something like this: http://jsfiddle.net/5sqxQ/15/

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download