这不是一个代码问题，因为我希望有人能指出我正确的方向。
我有一个提交，当前在提交页面时会弹出一个动画 gif（写入数据库需要几秒钟，所以我用它来让用户知道网站没有被冻结）。我想要的是让动画 gif 以模态弹出，这样我就可以稍微皮肤...（我需要一个大约 200px 高的模态框，宽度为 100%，动画 gif 在框中居中） .
我尝试了一些没有运气的模态脚本。 任何人都有任何经验或运气能够基本上自定义模态框的皮肤并在其上弹出动画 gif 吗？
这是我现在用于代码的内容，虽然它不是模态的，但它的工作原理是当用户单击提交按钮时它会弹出动画 gif。但是我需要调暗背景并给前景蒙皮，所以我认为我需要使用模态...
<!-- SPINNER CODE BEGIN -->
<div id="spinner" class="spinner" style="display:none;">
<img id="img-spinner" src="_assets/img/spin_lg.gif" alt="Loading"/>
</div>
<style type="text/css">
.spinner {
position: fixed;
top: 50%;
left: 50%;
margin-left: -100px; /* half width of the spinner gif */
margin-top: -100px; /* half height of the spinner gif */
text-align:center;
z-index:1234;
overflow: hidden;
width: 200px; /* width of the spinner gif */
height: 202px; /*hight of the spinner gif +2px to fix IE8 issue */
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('#proceedForm').click(function() {
$('#spinner').show();
});
});
</script>
<!-- SPINNER CODE END -->