javascript - jquery：弹出窗口不会出现整个页面

Question

弹出窗口工作得很好。

.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/

Answer 1

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

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