Есть блок (карточка товара), у которого есть свойство perspective: 1000px
(чтоб переворачивать красиво). Внутри него находится другой блок (модальное окно), у которого свойства:
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
По идее модальное окно должно быть поверх всех остальных блоков и перекрывать все, но в документации написано следующее:
за исключением случаев, когда один из его предков имеет свойство transform, perspective, или filter, установленное на что-то иное, кроме none
Соответственно, модальное окно остается внутри карточки товара.
Вопрос: как мне отобразить модальное окно поверх всех блоков, не убирая при этом свойство perspective у родителя?
P.S. Если интересно, каким образом так получилось, что модальное окно находится внутри карточки товара, скажу, что пишу на React и пока вижу такое решение самым лучшим.