Question

I am a total newbie at CSS. The problem I have is really simple.

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

This is a part of my HTML code. Inside the div block I have a field and some script that helps me in uploading multiple files. What I want to do is show something like a grey-div-block over the section or div itself that takes up the space and shows a gif image while the files are being uploaded.

The problem: I don’t know how to work out with css. I am looking only for some css classes that I can add to my code and do what I want. I know how to fix the jquery.

Answer 1

Use html like this

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

And the css is

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

may it will help you