jquery - 如何将文本添加到加载图标 css

Question

我有 css，它在页面上显示加载图标，如下所示

#loading {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: 'icon.gif';
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1000;
    }

如何在加载图标上方添加文本，例如“加载文本”我试过了

#loading:after{
content: "loading text";
}

但它在页面左上角显示文本。

Answer 1

尝试:

#loading:after{
  content: "Loading text";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}