0

我正在用 ajax 加载一个表单，这个表单有一个提交按钮。当我按下该按钮时，该按钮消失，并显示一个 gif 以指示提交表单时的进程。使用 AJAX 加载表单时，该 gif 不可见。

问题是当按下提交按钮时，gif 不显示。如果我进入 Chrome 开发工具并检查 css，一切都是正确的，如果我勾选属于 gif 的任何 css 属性，它会突然出现。就像它没有被渲染一样，因为 Chrome 可以在服务器上找到它。

这是gif的css：

.form_wrapper .loading_gif {
    background: url("../images/loader_blue.gif") no-repeat;
    width: 32px;
    height: 32px;
    vertical-align: middle;
}

它在 FF 中完美运行。

这是我保存 div 的 html：

<div class="application_submited" id="application_submited">
    <div class="center">
        <div class="loading_gif"></div>
        <span>For submitting. Please wait.</span>
    </div>
</div>

的CSS .center：

.center {
    text-align: center;
    margin: 0px auto;
    width: 90%;
    line-height: 45px;
    height: 45px;
}

我已经添加了.center. gif 上的 Z-idex 没有帮助。真的很奇怪，当我切换到另一个gif时，它可以工作，当我使用这个时，它不显示。

4

0 回答 0