CSS, как отобразить элемент над открытым в fullscreen элементом?

Question

[Александр Кусак]

Добрый день. Столкнулся с такоф проблемой, на странице есть iframe который открывается на весь экран но так же на странице есть элемент который должен быть виден всегда и отлавливать события мыши на себе. Пробовал сделать z-index для него больше на единицу, элемент показался но вот события не отлавливаются. В чем может быть проблема?

Добавил данные стили для элемента:

cursor: pointer;
z-index: 2147483648;
pointer-events: all;

Так же напомню, что в iframe хранится Unity

Answer 1

[Ilya Loginov]

Возможно у вас ошибка в обработке событий, вот тут все работает в fullscreen режиме.

Comments

[Александр Кусак]

Странно, так то работает а вот если iframe открыт так же на весь экран?

[Ilya Loginov]

Александр Кусак, то вы не сможете вытащить элемент на первый план ни какими z-index. Единственный вариант, это обернуть iframe и блок который будет поверх в div, и этот div уже делать во весь экран

[Александр Кусак]

Ilya Loginov, примерно так нужно получить https://codepen.io/McFree/pen/xaNLgZ

[Ilya Loginov]

Александр Кусак, а что не получается сделать? Просто добавьте нужный контент в iframe и вешайте обработчики. Вот пример.