Испытываете затруднения при правильном расположении элемента управления над переполненным элементом: скрыто

Question

Немного предыстории: у меня есть заголовок сайта и я создал некоторый код jQuery, который отображает div (headerAdminPanel), когда кто-то нажимает на другой div (workspaceSelectNav или accountActionsContainer), который по сути будет меню с различными опциями внутри него.У меня возникли проблемы с отображением этого div панели headerAdminPanel, поскольку заголовок имеет div с переполнением: скрытый в нем, и позиционирование по z-index не является ответом (если я что-то не так делаю).

Вот мой HTML-код: http://jsfiddle.net/user1032334/NY75B/2/

Answer 1

Только элементы с position:relative;, position:absolute; или position:fixed; подвержены влиянию z-index.

Возможно, это поможет:

#workspaceSelectNav { position:relative; z-index:whatever;}

Answer 2

Простым решением было бы просто добавить высоту подменю в заголовок, чтобы переполнение не обрезало его при отображении.Вы всегда можете применить отрицательное поле к нижней части, если вы не хотите, чтобы дополнительная высота толкала содержимое внизу.

Answer 3

Я не знаю, есть ли у нас весь ваш код для этого раздела.Но у вас есть 2 дополнительных закрывающих тега </div> в вашем коде.Неверный HTML может быть причиной вашей проблемы (и многих других!).
Строки 19 и 20 имеют дополнительный тег </div>.

Проверьте этот JSFiddle. <- это ваш код с 2 дополнительными закрывающими тегами.(Комментарий) <br> Проверьте этот JSFiddle. <- Это ваш код <strong>БЕЗ 2 дополнительных тега.