- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- [Ajax/Jquery] Z-index su loading-image
-
[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.
-
Risolto prima del previsto, scusatemi, c'è un altro JS con su Windows Ready al div id="loader" aggiungeva lo z-index a -9999.
Grazie!