html - 在部分上显示 gif 图像以占用空间

Question

我是 CSS 的新手。我遇到的问题真的很简单。

<section>
    <fieldset>
        <div>
            This div block contains the label field and the files.
        </div>
    </fieldset>
</section>

这是我的 HTML 代码的一部分。在 div block 内，我有一个字段和一些脚本可以帮助我上传多个文件。我想要做的是在该部分或 div 本身上显示类似 grey-div-block 的东西，它占用空间并在上传文件时显示 gif 图像。

问题:我不知道如何使用 css。我只是在寻找一些我可以添加到我的代码中并做我想做的 css 类。我知道如何修复 jquery。

Answer 1

像这样使用html

<div class="load">
      <img src="../path">
    </div>

CSS 是

.load{background-color: Gray; filter: alpha(opacity=80); opacity: 0.8; z-index: 10000; text-align:center; position:absolute;}

希望对你有帮助