JQuery CSS代码不在窗口中间

Question

我这里有这段代码

http://forum.castoff.net/menu.php

msgbox出现在整个页面的中间......我需要它出现在可视区域的中间..

有人可以帮忙吗??

我确定它只是一个CSS问题

由于

利

Answer 1

您需要做的就是.msgbox，将position: absolute更改为position: fixed。

就是这样。

阅读本文以了解不同的position值：
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

Answer 2

你给“昏暗”一个50％的顶部位置，所以它将是页面的50％，而不是可视区域。

尝试以此为中心：

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = $(window).width();
    var pTop = $(window).scrollTop()
    var eWidth = $(element).width()
    var height = $(element).height()
    $(element).css('top', pTop + 100+'px')
    $(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}

Answer 3

table和#dim的高度为2000px及以上，因此弹出窗口的top:50%将其置于其父级的中间位置。删除table的高度，看看这是否有效（可能会起作用，因为#dim的高度是文档的高度。）。

另一种选择是为.msgbox的顶部距离添加固定值。例如，在您的CSS中，您可以将.msgbox {top:50%;}更改为.msgbox {top:200px;}