如何使弹出窗口保持在屏幕的中心。

时间:2013-12-03 10:48:48

标签: jquery css popup

在以下情况下,我需要做的是让弹出窗口显示在屏幕的中央。

1-滚动窗口 2-调整窗口大小 3-调整窗口大小,使其等于手机屏幕的大小。

演示'http://jsfiddle.net/mdsa/rDT7Y/'

1 个答案:

答案 0 :(得分:0)

使用此课程代替您的课程

.popupBox{
    display: none;
    max-width: 600px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2000;
    top: auto;
    left: auto;
    border-top: 1px solid #898989; border-bottom: 1px solid #898989;
        border-left: 1px solid #898989; border-right: 1px solid #898989;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    background-color: #fff;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 2px;
    color: #4a4a4a;
}