如何让广告出现在页面中央？

Question

我想知道如何使广告出现在该网站中： http://www.kraniem.lv/ 只是不要点击 X，否则广告将关闭，并且只有第二天才会再次可见。

Answer 1

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');

因为基本上，图像是在文档dom加载之后加载的，所以我通常将图像高度解析为属性之一，所以我就知道要减去什么了。

请注意，该链接对我不起作用，所以我只是根据我之前所做的作品来编写。

编辑：
制作UI屏幕块：

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>