html - 为现有网站添加深色背景封面

Question

我正在建立一个网站，我想在用户填写表格时添加一个深色的半透明背景图像来掩盖背景。我想知道您将如何做到这一点，因为我当前的实现不起作用。

目前，当我尝试实现它时，半透明背景不会水平拉伸页面的整个宽度，并且似乎在页面底部创建了不需要的垂直空间块。我现有的解决方案涉及创建一个 div 并使用position:relataive; top:-1100px; left:0px;将这个 div 准确地放置在我想要的位置。

在网站上，这个半透明的背景位于名为“Find Us”的第四页也是最后一页。单击标有“反馈”的流苏将显示一个表格。目前，由于背景繁忙，表格难以阅读，因此我想使用半透明背景封面来“模糊”当前页面上除表格之外的所有内容。

score 1 · Accepted Answer

1

将 CSS 更改为#cover：

#cover {
  position:absolute;
  top:0px;
  left:0px;
}

于 2012-06-29T04:41:37.463 回答

score 1 · Accepted Answer

你的封面 div 的 z-index 比流苏 div 多。将流苏 div 的 z-index 设置为 120，并且您已经使用 z-index 115 进行了覆盖。检查是否有效。

2 回答 2