使用z-index更改div可见性

Question

我正在一个1页的网站上工作。我有几个默认隐藏的HTML5视频，当点击链接时，它们会显示在叠加（模态）框中。

目前我只是用JS展示并隐藏它们，但是“display：none;”页面加载似乎会导致视频控件出现问题...

因此，为了避免完全隐藏视频，我反而将其重新排列在主要内容后面，并使用z-index将每个视频带到前面。我不关心旧浏览器的z-index问题。

使用JQuery有一种简单的方法吗？或者我必须编写自定义函数吗？

Answer 1

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

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

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

Answer 2

使用jQuery设置zIndex

$（'＃video1'）。css（'z Index'，'100'）;

Answer 3

试

visibility:hidden;

而不是

display:none;