JQuery CSS代码不';T中心在窗口中间

JQuery CSS代码不';T中心在窗口中间,jquery,css,window,center,centering,Jquery,Css,Window,Center,Centering,我这里有这个密码 ,MSGBOX出现在整个页面的中间…我需要它出现在可视区域的中间… 有人能帮忙吗 我相信这只是一个CSS问题 谢谢 Lee您将“dim”的顶部位置设置为50%,因此它将位于页面的50%,而不是可视区域 尝试将其置于以下位置: function centerMe(element) { //pass element name to be centered on screen var pWidth = $(window).width(); var pTop

我这里有这个密码

,MSGBOX出现在整个页面的中间…我需要它出现在可视区域的中间…

有人能帮忙吗

我相信这只是一个CSS问题

谢谢

Lee

您将“dim”的顶部位置设置为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')
}

< > >代码>表< /代码>和<>代码>ΩDime/COD>具有高度<代码> 2000 px< /代码>,因此弹出“<代码>顶部:50% < /COD>弹出窗口将其放在其父的中间。删除
表格的高度
,看看这样做是否有效(可能有效,因为
#dim
的高度就是文档的高度)


另一个选项是为
.msgbox
添加一个固定的距离值。例如,在css中,您可以将
.msgbox{top:50%;}
更改为
.msgbox{top:200px;}
所有您需要做的就是打开
.msgbox
,将
位置:绝对
更改为
位置:固定

就这样

阅读此内容以了解不同的
位置
值:

Hi Diodeus,我已经输入了代码,并给了它元素id,但它仍然以整个页面为中心,而不是可视区域:-(删除msgbox的CSS中的上/左样式。要使脚本正常工作,“msgbox”不应该是“dim”的子元素。它应该是“body”的子元素.完美的解决方案…有什么线索可以解释为什么暗显的背景和msgbox没有浏览youtube嵌入的视频吗?我已经添加到URL中,向您展示这确实是一个单独的问题,但之前已经问过很多次了,所以:您基本上需要
wmode
=
透明的
,两次:一次像这样:
,一次在中ode>嵌入
标记: