Html 创建透明加载覆盖

使用相同的标记（如下所示），是否可以添加创建透明背景覆盖（即加载覆盖）的样式？当我尝试将背景添加到

.loading

CSS时，它只将背景添加到

.loading

元素的背景，而不是主体。样式

.loading

被删除（通过jQuery），因此理想情况下，我希望覆盖层以某种方式连接到

.loading

，如果可能的话

HTML

<div class=loading style-2>
    content
</div>

---

添加透明背景

$('.loading').css('background', 'transparent');

卸下加载div

$('.loading').hide();

---

有几种方法可以产生这种效果，最简单的方法就是使用 .装货{ 位置：固定； z指数：3； 排名：0； 左：0； 宽度：100%； 身高：100%； 背景：rgba（255255,0.5）；}

---

我能够进行装载覆盖，但只需要添加一个额外的容器

<div class="loading style-2"><div class="loading-wheel"></div></div>

---

更新了问题以反映所示的标记。

<div class="loading style-2"><div class="loading-wheel"></div></div>