我的网站上有一个 jquery 弹出窗口脚本。它在 chrome 中运行良好,但在 Firefox 中,当窗口打开时,它出现在顶部,我希望它在垂直方向上更居中显示。例如。
________________________
| | | |
| | popup | |
| | | |
| |___________| |
| |
|_______________________|
popup.js 中的脚本:
function centerPopup(){
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var windowTop =window.screenTop;
var popupHeight = $(".popupContent").height();
var popupWidth = $(".popupContent").width();
$(".popupContent").css({
"position": "fixed",
"top": (windowTop+250)-popupHeight/2,
"left": windowWidth/2-popupWidth/2
});
//this is needed for ie6
$(".backgroundPopup").css({ "position": "fixed", "height": windowHeight, "top": windowTop });
}
任何人都可以提供任何建议我需要更改以使其正常工作吗?
更新
上面的代码来自 popup.js 脚本,还有一个 popup.css,我不确定这部分是否有任何冲突或导致问题
.popupContent{
display:none;
align: center;
position: fixed;
_position: fixed;
height:auto;
width:500px;
background:#fff;
z-index:9999;
padding:8px;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
background-color: #15150B;
border:2px solid #C9C58F;
}