Jquery 使用z索引更改div可见性

我在一个单页的网站上工作。我有几个默认情况下隐藏的HTML5视频，当单击链接时，它们会显示在覆盖（模式）框中

目前，我只是用JS显示和隐藏它们，但是页面加载上的“display:none；”似乎会在视频显示后导致视频控件出现问题

因此，为了避免完全隐藏视频，我想将它们重新排列在主要内容后面，并使用z索引将每个视频放在前面。我不关心旧浏览器的z索引问题

---

有没有一种简单的方法可以用JQuery实现这一点，或者我必须编写一个自定义函数？

您可以用JQuery轻松设置z-index属性：

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

---

确保在文档准备就绪后启动jQuery。

您可以使用jQuery轻松设置z-index属性：

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

---

确保在文档准备好后启动jQuery。

使用jQuery设置zIndex

---

$（'#video1'）.css（'zIndex'，'100'）

使用jQuery设置zIndex

$（'#video1'）.css（'zIndex'，'100'）

试试看

visibility:hidden;

而不是

display:none;

试一试

而不是

display:none;