向现有网站添加深色背景封面
向现有网站添加深色背景封面
提问于 2012-06-29 12:38:36
我正在建设一个网站，我想添加一个黑暗的半透明的背景图像，以掩盖当用户填写表单时的背景。我想知道你将如何做到这一点，因为我目前的实现不工作。
目前，当我尝试实现它时，半透明的背景不会水平拉伸整个页面的宽度，并且似乎在页面底部创建了一块不需要的垂直空间。我现有的解决方案包括创建一个div并使用position:relataive; top:-1100px; left:0px;将该div精确地放置在我想要的位置。
在网站上，这个半透明的背景位于第四页，也是最后一页，名为“查找我们”。通过点击标记为“反馈”的流苏，将会显示一个表单。目前，由于忙碌的背景，很难阅读表单，所以我想使用半透明的背景封面来“模糊”当前页面上除表单之外的所有内容。
在我尝试添加半透明背景之前的演示：http://www.sfu.ca/~jca41/stuph/it/website01/template.html
在我尝试添加半透明背景之后的演示：http://www.sfu.ca/~jca41/stuph/it/website02/template.html
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-06-29 12:41:37
更改#cover的CSS
#cover {
position:absolute;
top:0px;
left:0px;
}Stack Overflow用户
发布于 2012-06-29 12:46:56
您的cover div的z索引比流苏div更多。将tassel div的z-index设置为120，就已经有了具有z-index 115的cover。检查这是否起作用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11256135
复制相关文章
相似问题
腾讯云开发者
