Html 如何在维护期间获取单个图像以隐藏网站页面

我目前正试图获得一张图片（正在建设中的网站），暂时覆盖我正在开发的整个Tumblr网站，而不会丢失任何底层HTML和CSS代码。此外，我不确定将图像本身（头部、身体等）放置在何处，以使其在不改变结构的情况下覆盖内容上方的菜单和其他链接

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

选项1

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

选项2

---

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

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

选项1

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

选项2

---

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

我建议您在body中放置一个

div

，然后按照以下规则设置样式：

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

---

然后将图像放入此掩码

div

。掩码元素将填充页面。

我建议您在正文中放入

div

，然后按照以下规则设置样式：

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

---

然后将图像放入这个mask

div

。mask元素将填充整个页面。

这非常有帮助，谢谢！我最后使用了重定向选项，所以现在我可以将它从我的标准博客重定向到一个基础图像网站：->这非常有帮助，谢谢！我最终使用了重定向选项，所以现在我已经将其从我的标准博客重定向到基本图像网站：-->