不同行爲的彈出窗口css

下面的代碼在本地計算機上工作良好，但在遠程服務器上，彈出窗口不考慮滾動寬度，並且出現在頁面的頂部，即使當我將頁面滾動到底部時。問題只出現在IE中，只出現在遠程服務器上。文件是相同的。我應該檢查什麼？不同行爲的彈出窗口css

HTML

<div style="position:absolute;"> 
    <div id="a_div"> 
     123 
    </div> 
</div>

CSS

#a_div { 
    display:none; 
    position:fixed; 
    width:850px; 
    top:35px; 
    border:1px solid #B1B8C7; 
    background:white; 
    z-index:3000; 
}

function showaDiv() { 
    var div = document.getElementById('a_div'); 
    var width = document.body.clientWidth; 
    if (div) { 
     div.style.left = Math.round((width-850)/2)+'px'; 
     div.style.display = 'block'; 
     document.getElementById('a_bgdiv').style.display = 'block'; 
    }  
}

來源

2012-02-26 Pave

根據你的CSS它應該出現在頂部35px。 – 2012-02-26 09:47:00

爲什麼它在Firefox和Chrome中運行良好（如我所需）？ – Pave 2012-02-26 09:51:51

檢查我的答案和小提琴。 – 2012-02-26 10:01:12

嘗試this fiddle如果要垂直居中

function showaDiv() { 
    var div = document.getElementById('a_div'); 
    var width = document.body.clientWidth; 
    var height = getDocHeight(); 
    if (div) { 
     div.style.left = Math.round((width-850)/2)+'px'; 
     div.style.display = 'block'; 
     div.style.top = Math.round((height-div.clientHeight)/2)+'px'; 
     //document.getElementById('a_bgdiv').style.display = 'block'; 
    }  
} 

function getDocHeight() { 
    var D = document; 
    return Math.max(
     Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), 
     Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), 
     Math.max(D.body.clientHeight, D.documentElement.clientHeight) 
    ); 
}

剛剛添加了頂部。

來源

2012-02-26 10:00:52

不同行爲的彈出窗口css

回答

相關問題