Javascript 如何显示装载指示器？

我有以下CSS代码用于加载指示器：

.indicator {
    display:none;
    margin:0px;
    paddingLeft:0px;
    paddingRight:0px;
    paddingTop:0px;
    paddingBottom:0px;
} 

指标HTML代码：

<img class='indicator' id='ajaxBusy' src='/ajax-loader.gif'>

它的代码运行良好，但有一些小细节：当指示器出现时，页面下的其他内容向下移动一行。当指示器消失时，该行也消失。我想删除它。我怎么做

将html更改为

<span id='ajaxBusy' style="z-index:99999;"><img class='indicator'  src='/ajax-loader.gif'>
</span>

将html更改为

<span id='ajaxBusy' style="z-index:99999;"><img class='indicator'  src='/ajax-loader.gif'>
</span>

---

添加

位置：绝对位置&
z-index:99至
。指示器
类别

.indicator {
  display:none;
  margin:0px;
  paddingLeft:0px;
  paddingRight:0px;
  paddingTop:0px;
  paddingBottom:0px;
  position:absolute; /* Add This */
  z-index:99;  /* Add This */
}

添加
位置：绝对位置&
z-index:99至
。指示器
类别

.indicator {
  display:none;
  margin:0px;
  paddingLeft:0px;
  paddingRight:0px;
  paddingTop:0px;
  paddingBottom:0px;
  position:absolute; /* Add This */
  z-index:99;  /* Add This */
}

让这个位置：绝对；这将影响您的布局并添加一些z索引。谢谢。你的回答是对的。请将您的评论作为答案，我会将其标记为正确答案。啊，欢迎！！检查我的回答，确定立场：绝对；这将影响您的布局并添加一些z索引。谢谢。你的回答是对的。请将您的评论作为答案，我会将其标记为正确答案。啊，欢迎！！检查我的答案