在WordPress中的其他页面内容之前加载div

Question

正如标题所说，我想在网站上的任何其他内容之前加载WordPress中的div。我会更好地解释一下：当用户加载页面时，我想要显示一个动画介绍，然后让他看到该网站。我怎么能这样做？

Answer 1

您想要创建一个覆盖屏幕的固定div作为叠加层。假设你有一个div：<div class="overlay">。

现在，在你的CSS中，你想让div占据整个屏幕：

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

您还需要确保您的父容器（html和正文，最有可能）的宽度/高度为100％。你可能想给你的div另一种颜色，这样你就可以看到它。 另外，请参考this question。