Почему не работает position: fixed?

Question

[dicem]

Собственно сайт: bogushbook.shop

Интересует этот блок:

Сейчас position не указан, однако если указывать fixed либо sticky ничего не происходит. Вроде даже от position родительских блоков избавлялся и все равно ничгео не происходит.
Помогите пожалуйста!

Answer 1

[dicem]

Вобщем посреди бесполезных советов нашел решение, убрать у всех родительских блоков, в моем случае у html, transform свойства.

Comments

[spam9882]

Специально зарегился, чтобы сказать большое спасибо) несколько часов искал в чем проблема, в итоге у родительского блока удалил свойство Filter и все сразу заработало! Какая-то магия.

Answer 2

[Lam Besis]

Блок внутри этого элемента (.storefront-handheld-footer-bar) тоже скрыт через display: none, поэтому вы не видите изменений. Решение:

.header-handled-bar{
    display: block;
    position: fixed;
    z-index: 9999;
}
.header-handled-bar .storefront-handheld-footer-bar{
    display: block;
}

Comments

[dicem]

Сделал так, не работает. Мейби в firefox такая фигня?

Answer 3

[Сергей Бут]

Lam Besis , хоть убей на расширении 390*444 я не вижу там display : none у child-a . Со скринов видно, что дисплей и позишн переопределяются нормально, и помоему все работает. Другое дело видите ли вы блок ,который фиксед: dicem ,высоту задаете при анимировании или как раз ее и забыли указать?Да и сорить display :block не надо, все теги <div> по дефолту имеют display :block

Comments

[dicem]

Я ничего не понял из того, что вы написали, вобщем избавился от display none и теперь управляю прозрачностью, толку не прибавилось

[Сергей Бут]

dicem, я о том, что блочным елементам необходимо указывать и высоту ,иначе (только при заданой width ) отображаться блок не будет.