Search code examples
htmlcssuploader

Show a gif image over a section to take up the space

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.

Solution

  • 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