jquery：弹出窗口不会出现整个页面答案

【问题标题】：jquery : popup window doesn't appear whole pagejquery：弹出窗口不会出现整个页面
【发布时间】：2012-04-04 14:52:36
【问题描述】：

弹出窗口运行良好。

.backdrop 出现一半:(

这是css代码

.backdrop
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    opacity: .0;
    filter:alpha(opacity=0);
    z-index:50;
    display:none;
}

图片样本

http://jsfiddle.net/sweetmaanu/qWFLC/

【问题讨论】：

需要更多关于问题所在的信息
我看不出问题，你能更具体点吗？灯箱正好出现在我希望它根据其位置出现的位置。（显式宽度为 500px，显式左侧位置为 30% 等）
小提琴看起来不错，你的意思是背景只占屏幕的一半？如果是这样：1. 哪个浏览器，2. 哪一半（垂直/水平）？
@WillP。只需单击“灯箱”，然后我们可以看到黑色背景向右滚动，然后我们可以意识到它不会覆盖整个页面:(
@DaveEveritt 现在你可以看到带有问题的图片

标签： javascript jquery-ui jquery jquery-plugins

【解决方案1】：

您应该可以通过将 position 从 absolute 更改为 fixed 轻松解决此问题。

如果您不想使用position: fixed;，也可以给它一个非常大的像素值而不是 100% 的高度和宽度，即。 height: 99999px; width: 99999px;，但这可能会导致必须解决的其他问题（例如滚动条问题）。

【讨论】：