Изменение видимости div с помощью z-index

Question

Я работаю на 1-страничном сайте. У меня есть несколько HTML5-видео, которые по умолчанию скрыты, и при нажатии на ссылку они отображаются в оверлейном (модальном) окне.

В данный момент я просто показываю и скрываю их с помощью JS, однако "display: none;" при загрузке страницы возникает проблема с элементами управления видео, как только оно было обнаружено ...

Поэтому, чтобы избежать полного скрытия видео, я решил вместо этого переставить их за основным контентом и вывести каждое из них вперед, используя z-index. Меня не волнуют проблемы z-index со старыми браузерами.

Есть ли простой способ сделать это с помощью JQuery или мне нужно написать пользовательскую функцию?

Answer 1

используйте jQuery для установки zIndex

$ ('# video1'). Css ('zIndex', '100');

Answer 2

1001 * попробовать *

visibility:hidden;

вместо

display:none;

Answer 3

Вы можете легко установить свойство z-index с помощью jQuery:

$('#video1').css('z-index', '10');

Убедитесь, что вы запускаете jQuery, как только документ готов.