none
Problema com Gif Loading com pagina modal RRS feed

  • Pergunta

  • 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.

    sábado, 29 de outubro de 2016 14:06

Todas as Respostas

  • 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





    domingo, 30 de outubro de 2016 02:29
  • 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.

    domingo, 30 de outubro de 2016 14:33
  • 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".

    segunda-feira, 31 de outubro de 2016 10:51