Question

嗨，我有以下div：

 <div class="pleaseWait">
            <img src="animation.svg" />
        </div>

我在<body>标记下面。

我的风格：

.pleaseWait{
    margin: 0px auto;
    text-align: center;
    margin-top: 200px;
    display: none;
}

现在，jQuery取决于ajax调用或我希望在页面顶部以<div>为中心显示的内容。

$('.pleaseWait').show();

我必须添加什么css样式以获得此结果的任何线索。我希望它能够做出响应，所以如果我将浏览器尺寸缩小，它就会随之移动。

顺便提一句{Im}引用modernizr.min.js以防万一。

Answer 1

为什么不使用z-index将图像设置在页面的其他元素前面，如下所示：

.pleaseWait {
margin: 0px auto;
text-align: center;
margin-top: 200px;
display: none;
z-index:2;
}