1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Выпадающее меню выезжает поверх блока - а надо из под него

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 5 сен 2018.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Разрешение ниже 1055px, появляется бургер, при клике на него меню выезжает поверх верхнего блока, а надо чтобы из под него.
    Как можно реализовать?
    z-index не помог :(
    https://codepen.io/BlueBird-K/pen/zJdxmO
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Блок меню внутри блока верхней панели, так что z-index не поможет (точнее, его недостаточно). Надо для меню поставить position: absolute и убедится, что у всех родительских блоков position не задан или static (чтоб точкой отсчёта был не родительский блок, а body).
     
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    проэксперементировал, поставил всем родителям статик, а меню абсолют, но вот что вышло по итогу: http://prntscr.com/kqw8se
     
    Последнее редактирование: 5 сен 2018
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Надо на код смотреть.
    И на всякий случай: под родителями я имел ввиду только блоки включительно до верхней панели, чтоб блок панели или какие-то внутренние не стали точкой отсчёта.
     
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    попробую