Facebook -全页面覆盖
Facebook -全页面覆盖
提问于 2011-08-15 10:19:59
我最近看到了这样的东西，
http://imageshack.us/photo/my-images/812/overlayexample.jpg/
这是一个覆盖整个Facebook站点的请求对话框。我很感谢你有什么办法来完成这个叠加吗？
回答 2
Stack Overflow用户
发布于 2011-08-15 17:34:25
如果你看一下iFrame的css，你会看到：
.generic_dialog {
height: 0;
left: 0;
outline: medium none;
overflow: visible;
position: absolute;
top: 0;
width: 100%;
z-index: 250;
}
.generic_dialog_popup {
height: 0;
margin: 0 auto;
overflow: visible;
position: absolute;
width: 400px;
padding-left:60px;
padding-right:60px;
text-align:center;
z-index:200;
}
#generic_dialog_overlay {
background-color: #FFFFFF;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}它们似乎正在产生欲望效应。
Stack Overflow用户
发布于 2011-08-15 17:35:15
这是由两个不同的div实现的。
首先，你需要一个'overlay‘div，它有一个width和height为100%，一个position为fixed，也是一个高z-index。此叠加需要具有透明度或不透明度滤镜的背景图像才能达到叠加效果。
然后你有了包含实际对话框的div，你需要根据内容用css和/或javascript来定位它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7061170
复制相关文章
相似问题
腾讯云开发者
