修复 jQuery Lightbox 在页面上的位置

Question

我正在尝试在灯箱内显示我的博客 @ TechQuark.com 的订阅选项！你可以打开博客并查看同样的内容，4-5秒后会弹出一个灯箱。

一切都很好，只是问题是这个灯箱的位置在屏幕上不是固定的，即它不随页面滚动。

这是我正在使用的 CSS：

/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position: fixed;
_position:absolute; /* hack for internet explorer 6*/
height:350px;
width:350px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#000000;
font-size:20px;
font-family:georgia, times new roman, arial;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:20px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#000000;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css */

这是弹出代码：

<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Subscribe to Tech Guru</h1>
// Code for Subscribing Option 
</div>
<div id='backgroundPopup'/>

请帮忙！

Answer 1

刚刚访问该网站，在第 800 行找到了这一点：

$("#popupContact").css({
"position": "fixed",
"top": 50%,
"left": 50%
});

这两个百分比都需要用引号引起来。现在，他们正在生成一个错误。