2

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

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

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

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

4

4 回答 4

0

只需插入您想要放置的任何位置。

<div class="loading">
  <img src="loading.gif">
</div>
于 2012-06-04T08:25:41.260 回答
0

像这样使用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;}

它会帮助你吗

于 2012-06-04T08:29:40.077 回答
0

已编辑：带有 gif 的演示，在这里，当您单击按钮时会出现弹出窗口，当您单击灰色背景时，弹出窗口会消失。将您的 gif 包含在 div 弹出窗口中，并根据您的需要对其进行样式设置，这将显示居中加载 gif，最初对两个 div 使用 display:none ，然后使用一些 jquery 尝试使它们可见，我希望它对您有所帮助

于 2012-06-04T08:39:14.317 回答
0

如果我理解正确，您想要一个模式弹出窗口之类的东西，但只是在该部分（而不是整个页面）上方，显示进度图像并防止进一步点击上传字段？如果是这样，那么只需使用这个：

<section>    
    <div id="modal" style="display: none"><img src="..."></div>
    <fieldset>
        <div>
            This div block contains the label field and the files.
        </div>
    </fieldset>
</section>

你用以下方式展示它：

document.getElementById('modal').setAttribute('style', 'height: 100%; width: 100%; z-index: 1000; background-color: Gray; opacity: 0.5');

并再次隐藏它：

document.getElementById('modal').setAttribute('style', 'display: none');
于 2012-06-04T08:52:24.693 回答