Javascript 在WordPress中，在其他页面内容之前加载一个div

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

您需要创建一个覆盖屏幕的固定div作为覆盖。假设您有一个div:

现在，在CSS中，您希望使该div占据整个屏幕：

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

您还需要确保父容器html和body的宽度/高度很可能为100%。你可能想给你的div换一种颜色，这样你就可以看到它了。

---

另外，参考。

您可以将div设置为覆盖；一种方法是在div上设置z-index CSS属性，并使其覆盖整个屏幕。这样，它就会出现在其他内容的前面。但是，您必须使用脚本来允许用户关闭div。您能给我一个示例吗？请参见下面的答案。