Почему бекграунд попапа не распростроняется на fixed и sticky элементы?

Question

[yxtiblin]

При открытии попапа бекграунд не накладывается на некоторые элементы
Пример:



На фото видно как некоторые элементы не изменились в цвете, как это можно решить?

.popup{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

Пробовать добавить свойство z-index но оно нее помогло

Answer 1

[LJ322]

fixed элементы попадают в отдельный composit layer и перебивать их z-index можно такими же элементами, которые так же попадают в этот слой. В данном случае попробуйте попапу задать position: fixed