как сделать так, чтобы объявление появлялось в центре страницы? - PullRequest
Новая
       20

как сделать так, чтобы объявление появлялось в центре страницы?

0 голосов
/ 12 сентября 2011

Я хотел бы знать, как сделать так, чтобы объявление отображалось на этом сайте: http://www.kraniem.lv/ Просто не нажимайте X, иначе объявление закроется и будет видно только на следующий день.

1 Ответ

1 голос
/ 12 сентября 2011

Css: 

#ad{
position: absolute; /* Or position:fixed; */
z-index: 2;
}

jQuery: 

$(document).ready(function(){
    $("#ad").css("top", (($(window).height() - $("#popup").outerHeight() ) / 2) + 'px');
    $("#ad").css("left",(($(window).width() - $("#popup").outerWidth() )/ 2 ) + 'px');
});

Обратите внимание, что если вы хотите использовать изображения, вам нужно написать их как: 

$("#ad").css("top", (($(window).height() - $("#popup").outerHeight() - imgheight) / 2) + 'px');

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

Обратите внимание, что ссылка неэто не работает для меня, поэтому я просто пишу на основе предыдущих работ, которые я сделал.

Редактировать: сделать блок экрана пользовательского интерфейса :

CSS: 

#blanket{
position:absolute;
left:0px;
top:0px;
opacity:0.7;
z-index:1;
width: 100%;
}

jQuery: 

$("#blanket").css("height", $(document).height() + 'px');

HTML: 

<div id="blanket"></div>
<div id="popup"></div>
...