调暗页面并显示加载指示

Question

我想调暗页面并显示加载指示器.我得到了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;
}

Answer 1

由于您已将问题标记为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;

您可以通过更改.5包含的行中的alpha()来调整调光级别rgba.

Answer 2

使用带/不带图像的 jquery 创建暗淡页面也可以使用此插件http://jquery.malsup.com/block/#demos完成

要生成ajax加载页面，有http://www.ajaxload.info/，这很棒。