Почему transfrom родителя ломает fixed у ребенка? Можно ли исправить?

Question

[crdrads]

В фиксированном хедере с трансформом есть оверлей на весь экран. Но он ломается из-за трансформа родителя. Это можно обойти? https://codepen.io/anon/pen/KrGzgo

Comments

[Ankhena]

Вынуть оверлей из хедера. Зачем его запихнули в хедер, если он должен быть на весь экран?

[crdrads]

Ankhena, тогда не сделать кнопку из хедера и лого поверх оверлея.

[Ankhena]

crdrads, в вопросе ничего нет ни про кнопку ни про лого.
Когда появится, а заодно станет понятно на кой черт хедеру трансформ, то выяснится, что задача решается совсем не так.

[RAX7]

crdrads, тогда оверлею не ставить fixed https://codepen.io/anon/pen/aQRZXw
https://stackoverflow.com/questions/15194313/trans...

[crdrads]

RAX7, любопытно. а откуда эти значения?

top: -5rem; 
  bottom: -100vh;

Не понятна логика

[RAX7]

crdrads, попытка растянуть оверлей на всю высоту страницы. Лучше все же вынести оверлей из хедера, а кнопки и лого отдельно продублировать