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

Question

[Coffeeyok]

Здравствуйте, я начинающий верстальщик, вот столкнулся с такой проблемой:
Проблема заключается в том, что контент покрывает выпадающее меню, position: absolute для шапки пробовал, не помогает, наверное потому-что у меня меню из блоков состоит а списком, у контента абсолютное позиционирование, и желательно его я бы не хотел убирать, так как контент стоит ровно по середине через transform: translate где абсолютное позиционирование необходимо, вот голову ломаю что же делать, прошу подскажите если что не так делаю, Спасибо :)

Comments

[FeST1VaL]

эм... а зачем тебе такая верстка... ну как вариант ну попробуй поиграться с z-index

[Иван]

если хочешь по простому, то только использоваться z-index для тех списков, которые перекрываются контентом, указываешь z-index: 1000; и всё, они имею высший приоритет

Answer 1

[adam_carraway]

Задай шапке или меню z-index:9999;