在WordPress中其他頁面內容之前加載div

Question

如標題所示，我想先在WordPress中加載div，然后再在網站上放置任何其他內容。 我將對其進行更好的解釋：當用戶加載頁面時，我想顯示一個動畫的介紹，然后讓他看到網站。 我怎樣才能做到這一點？

Answer 1

您將需要創建一個固定的div，該div可以覆蓋屏幕並用作疊加層。 假設您有一個div： <div class="overlay"> 。

現在，在您的CSS中，您要使該div占據整個屏幕：

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

您還需要確保您的父容器（最有可能是html和body）的寬度/高度為100％。 您可能想給div另一種顏色，以便可以看到它。 另外，請參考此問題 。