變暗頁面並顯示加載指示器

我想變暗頁面並顯示加載指示器。我得到了jQuery集合。這是我無法工作的CSS。這是我不能做的背景。有任何想法嗎？變暗頁面並顯示加載指示器

這是我得到了（表示在頁面中央的指標）：

#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; 
}

來源

2011-08-12 Dejan.S

既然你已經標記了問題的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;

您可以調整改變含有rgba線α（.5）調光水平。

來源

2011-08-12 22:51:34 Litek

這不會將加載器放置在中間的tho中，它在我的左邊角落 –

中間放置在中間，只需在背景聲明的末尾添加'50％50％'。 – Litek

你可以使用一個單獨的DIV定位絕對寬度和高度設置爲100％。然後將此div的背景設置爲＃000（黑色），並將其不透明度設置爲50％（或您想要的任何暗淡程度）。

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

來源

2011-08-12 21:28:17

再加上一個大於0的z-index。 –

應該這樣包裝另一個還是？ –

除非您希望將不透明度也應用於指標，否則不應將它們分開。 –

使用jQuery創建昏暗頁面有/無圖像也可以用這個插件 http://jquery.malsup.com/block/#demos

做才能產生AJAX加載頁面有http://www.ajaxload.info/這是真棒。

來源

2013-01-06 04:11:40 risnandar

變暗頁面並顯示加載指示器

回答

相關問題