• Super User

    [Ajax/Jquery] Z-index su loading-image

    Salve a tutti,
    sto utilizzando un semplicissimo script che mi permetta di visualizzare l'immagine di Loading su ogni chiamata Ajax.

    Così ho scritto:
    HTML:

    
    <div id="loader">
                   <div id="loading-image"></div>
    </div>
    
    

    CSS:

    
    #loader
    {
        display: none;
        background-image: url(../images/ajax-loader.gif);
        width:32px;
        height: 32px;
        position: fixed;
        text-align:center;
        z-index:9999;
        overflow: auto;
    }
    #loading-image {
      position: absolute;
      z-index: 99999;
    }
    
    

    AJAX:

    
    $.ajax
        ({
            url: url,
        type: 'POST',
        data: {id: post},
        success: function(data) {
            jQuery("#result").html(data); 
    },
            beforeSend: function () {
                $('#loader').show().css({ 'z-index': 99999 });
            },
            complete: function () {
                $('#loader').hide();
            }
        });
    
    

    Funziona tutto bene, l'unico problema è lo z-index del div id="loader", viene settato automaticamente un z-index: -9999.

    Come mai?

    Grazie.


  • Super User

    Risolto prima del previsto, scusatemi, c'è un altro JS con su Windows Ready al div id="loader" aggiungeva lo z-index a -9999.

    Grazie! 🙂