Problema com Gif Loading com pagina modal

Question

Tenho uma pagina modal, apos o submit meu gif loading fica atrás da pagina, existe alguma maneira de que fica a frente da pagina modal?

Esse é um exemplo que o gif ainda continua atras do modal apos o submit, vou deixa o css abaixo:

     #progressBackgroundFilter {
            ;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }

        #processMessage {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 130px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }

Obrigado.

Answer 1

Olá,

Tente usar:

Tente definir a propriedade "position" como absolute ou fixed

---

Se a resposta for relevante ou tenha resolvido seu problema, marque como útil/resposta!

André Secco
Microsoft MSP & MSDN Tech Advisor
Blog: http://andresecco.com.br
GitHub: http://github.com/andreluizsecco
Twitter: @andre_secco

Answer 2

Ola amigo fiz como solicitado, mas o loading vai para de traz do form modal,quando nao uso modal funcionao blz, o problema esta somente no form modal

Obrigado.

Answer 3

Meu caro, verifique qual o z-index do modal (o padrão do Boostrap é 1050 se não me engano), então coloque um valor superior no z-index de sua div de loading (acredito que seja a de id #processMessage).

---

If you found this post helpful, please "Vote as Helpful". If it actually answered your question, remember to "Mark as Answer".

Se achou este post útil, por favor clique em "Votar como útil". Se por acaso respondeu sua dúvida, lembre de "Marcar como Resposta".