维护期间如何获取单张图片隐藏网站页面

Question

我目前正在尝试获取一张图片（正在建设中的网站）来暂时覆盖我正在处理的整个 Tumblr 网站，而不会丢失任何基础 HTML 和 CSS 代码。此外，我不确定将图像本身放在哪里（head、body 等）以使其在不更改结构的情况下覆盖内容上方的菜单和其他链接。

Answer 1

有很多方法可以做到这一点。

选项 1

最有效的方法是创建一个只有图像的新页面，并在您可以访问的情况下在您的 DNS 条目上放置一个临时重定向。如果您没有访问权限，您可以将重定向添加到 head 标记中。 （如果您希望最终获得良好的 SEO（搜索引擎优化），您应该谨慎执行此重定向的方式。在网站准备就绪之前托管网站可能会对排名产生负面影响。

选项 2

将图像添加到 div 或 body 标签作为背景，高度为 100%，并为其赋予较大的 z 分数，使其高于其他内容。

Answer 2

我建议你在正文中放一个 div，然后按照以下规则设置样式：

.mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: lightgrey;
  z-index: 100;
}

然后把图像放在这个蒙版中div。掩码元素将填满页面。