Исправить положение jQuery Lightbox на странице - PullRequest
Новая
       0

Исправить положение jQuery Lightbox на странице

1 голос
/ 04 декабря 2011

Я пытаюсь отобразить параметры подписки для своего блога @ 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'/>

Пожалуйста, помогите!

1 Ответ

0 голосов
/ 05 декабря 2011

Просто зашел на сайт и нашел это в строке 800: 

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

оба эти процента должны быть в кавычках. прямо сейчас они генерируют ошибку.

...