Комментарий #10379280

Apc
Объясните мне, почему filter: или transform: с любым эффектом, применённое к родителю, типа body или .l-page ломает у его детей position:fixed;, как-будто превращая его в static???
Пример:

⠀⠀⠀Норма:
⠀⠀⠀1920x924

⠀⠀⠀body{filter:invert(100%);}:
⠀⠀⠀1920x924
⠀⠀⠀( фиксированные снежинки и логотип шики "отклеились" от экрана, и теперь скроллятся )

Даже здесь, когда Я попробовал открыть картинки из примера, они у меня вона где оказались:
1915x924
🙄
Ответы
grin3671
grin3671#
@Apc, такое поведение прописано в спецификации. Можешь ознакомиться с ответом и комментариями на подобный вопрос на stackoverflow.com/a/52937920 — там есть список свойств, которые не стоит применять к контейнерам с позиционированными элементами.
夜の子
夜の子#
попробовал открыть картинки из примера, они у меня вона где оказались
дак вот из-за чего это с картинками по сайту происходит, а я себе уже все мозги вынесла, не могла понять причину..

щас попробовала снести фильтр с тела и да, причина именно в этом
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть