Przyciemnij stronę i wyświetl wskaźnik ładowania.

Question

Chciałbym przyciemnić stronę i pokazać wskaźnik ładowania. Mam zestaw jQuery. To CSS, do którego nie mogę się dostać. To jest niewyraźne tło, którego nie mogę zrobić. Jakieś pomysły?

To, co mam (pokazuje wskaźnik na środku strony):

#Loading 
{ 
    display: none; 
    position: fixed; 
    z-index: 1000; 
    height: 31px; 
    width: 60px; 
    left: 50%; 
    top: 35%; 
    background-image: url('../Images/ajax-loader-bright.gif'); 
    background-repeat: no-repeat; 
} 

Answer 1

Od otagowaniu pytanie jak CSS 3:

background: rgba(0,0,0,.5) url('../Images/ajax-loader-bright.gif') no-repeat; 
width:100%; 
height:100%; 
position:fixed; 
top:0; 
left:0; 
z-index:999; 

Można dostosować poziom ściemniania zmieniając alfa (.5) w linii zawierającej rgba.

Answer 2

można użyć oddzielny div ustawione absolutnie o szerokości i wysokości ustawionej na 100%. Następnie ustaw tło tego elementu div na # 000 (czarny), a jego krycie na 50% (lub na dowolnym poziomie ciemności, jaki chcesz).

<div id='dim_wrapper' style='width:100%; height:100%; background:#000; z-index:10'>&nbsp;</div> 
<script> 
$("#dim_wrapper").animate({ 
    'opacity':0.5 
}); 
</script> 

Answer 3

tworzyć słabe strony za pomocą jQuery z/bez obrazu może być również wykonane z tej wtyczki http://jquery.malsup.com/block/#demos

wygenerować ajax Ładowanie strony istnieje http://www.ajaxload.info/ co jest niesamowite.