Полноэкранный элемент, когда предок использует 'transform' - PullRequest
0 голосов
/ 08 февраля 2020

Я пытаюсь создать полноэкранное изображение как часть пользовательского компонента карусели для клиента. Мне дали веб-сайт, и я должен вставить этот компонент в указанное c место. vw и vh, а также использование позиций fixed и absolute используют элемент контейнера как весь видовой экран. После долгих поисков я нашел это: https://developer.mozilla.org/en-US/docs/Web/CSS/position#Values

It is positioned relative to the initial containing block established by the viewport, except when one of its ancestors has a transform, perspective, or filter property set to something other than none (see the CSS Transforms Spec), in which case that ancestor behaves as the containing block.

Я обнаружил, что атрибут transform устанавливается в 16 отдельных предках (контейнер I работаю в bootstrap - vue вкладках компонента повернутых на 90 градусов). Есть ли способ обойти это или переопределить / сбросить его, пока я полноэкранный элемент?

...