Разместите контент iframe над всем контентом

Question

Мне нужно отобразить iframe, когда пользователь нажимает на ссылку в заголовке страницы. Как мне убедиться, что iframe всегда находится над всем контентом? CSS z-индексы в этом случае не работают эффективно.

Answer 1

z-index, вероятно, не работает, потому что ваш iframe - это , а не позиционированный блок :

Для позиционированного блока свойство 'z-index' указывает:

1. Уровень стека блока в текущем контексте стека.
2. Устанавливает ли блок локальный контекст стека.

Установите для position значение, отличное от static. Например:

iframe#myiframe {
    z-index: 20;
    position: absolute;
}

Answer 2

z-index работает только с позиционированным контентом. Либо используйте position: absolute; и top / left / right, чтобы позиционировать элемент, либо используйте position: относительный; , чтобы оставить элемент там, где он находится.

Либо следует включить z-index для элемента.