使用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（ 'zIndex的'， '100'）。

Answer 3

嘗試

visibility:hidden; 

，而不是

display:none;