2012-04-04 67 views
0

彈出窗口工作得很好。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/

+0

需要更多的信息,問題是什麼 – 2012-04-04 14:55:43

+0

我沒有看到問題,你能更具體嗎?燈箱正好出現在我所期望的基於其定位的位置。 (顯式寬度爲500px,明確的左側位置爲30%等) – David 2012-04-04 14:58:33

+0

在小提琴中看起來很好,你的意思是背景只覆蓋了一半的屏幕?如果是這樣的話:1.哪個瀏覽器,2.哪半(垂直/水平)? – 2012-04-04 14:58:59

回答

1

你應該能夠很容易地通過改變position解決這個問題從absolutefixed

如果你不想使用position: fixed;,你也可以給它一個非常大的像素值,而不是100%的高度和寬度,即。 height: 99999px; width: 99999px;,但這可能會導致其他問題需要解決(如滾動條問題)。

相關問題