Как сделать так, чтобы это выпадающее меню отображалось над текстом под ним?

Question

У меня есть div, у которого под выпадающим элементом находится еще один div, но под под ним находится выпадающий список, и я хочу, чтобы он отображался над ним.

Я пробовалиспользуя z-index, установив для содержимого меньшее значение z-index, чем для раскрывающегося списка, но оно не работает.

Как сделать так, чтобы эти элементы отображались в правильном порядке?- Я сделал макет этого на jsfiddle .

Answer 1

Я обновил ваш jsfiddle: http://jsfiddle.net/mvRYR/1/

Вам необходимо установить position: relative; или position: absolute; при использовании z-index.

Answer 2

просто добавьте

z-index: 10; position: relative;

в ваш #drop стиль

если вы добавите также background-color: yellow;, вы могли бы видеть это лучше ...