Почему position: fixed не перебивает relative?

Question

[xonar]

Здравствуйте.
Решил сделать бургер меню на старом своём проекте, задают меню такие свойства, но они не перебивают блоки у которых есть position: relative; Разве fixed не выскакивает из потока и не перекрывает всё поверх?

position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;

Это блок который не может перебить свойства выше.

display: flex;
    position: relative;
    margin-top: -70px;
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    flex-wrap: wrap;

И чтобы fixed перебил relative, то приходиться отрубать position: relative; и animation-name: fadeInLeft;

Comments

[Dima Polos]

Селекторы покажите

[V Sh.]

Посмотрите на специфичность тегов. Возможно, что придется прописывать !important или усиливать специфичность. Или как там это называется у правил CSS.

[xonar]

Dima Polos, Дело не в селекторах) Вопрос решили. Спасибо.

[Dima Polos]

xonar, увидел, да, не внимательно прочитал вопрос, сразу подумал про специфичность.

Answer 1

[Рома Зварич]

Разве fixed не выскакивает из потока и не перекрывает всё поверх?

Fixed - это лишь тип позиционирования элемента относительно экрана. Он вполне может находиться ниже других позиционированных элементов relative, absolute. Управляйте "высотой" этого и других позиционированных элементов с помощью z-index.

Ну, и не помешало бы выложить более полный и рабочий фрагмент кода, чтобы можно было пощупать, о чем идёт речь

Comments

[xonar]

А вот оно в чём дело. У меня в голове почему-то засела мысль, что fixed всегда выше других position элементов.

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

Спасибо за помощь. Буду знать.