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

.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; 
}

图像样本 enter image description here

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

来源

2012-04-04 Muhammed

需要更多的信息，问题是什么 – 2012-04-04 14:55:43

我没有看到问题，你能更具体吗？灯箱正好出现在我所期望的基于其定位的位置。（显式宽度为500px，明确的左侧位置为30％等） – David 2012-04-04 14:58:33

在小提琴中看起来很好，你的意思是背景只覆盖了一半的屏幕？如果是这样的话：1.哪个浏览器，2.哪半（垂直/水平）？ – 2012-04-04 14:58:59

你应该能够很容易地通过改变position解决这个问题从absolute到fixed。

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

来源

2012-04-04 15:09:05

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

回答

相关问题