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%
});

这两个百分比都需要引用。现在，他们正在产生错误。

修复jQuery Lightbox Position wrt页面

1 个答案: