0

我想在页面提交后显示加载图像。我希望它像,加载图像显示在页面中间,它应该有一个透明的背景来显示页面内容。我用过以下

    #loading {
    position:fixed;
    top:50%;
    left:50%;
    z-index:1104;
    background-color:#999999;
    width:100%;
    height:100%;

    }

请不要在答案中包含 javascript 部分,我只想了解样式。

这不是为整个页面提供背景颜色。请帮助我如何在页面中心显示加载图像并且页面内容应该稍微显示。

谢谢

4

2 回答 2

3

移除顶部:50% 和左侧:50%;

http://jsfiddle.net/qqncv/1/

于 2012-06-21T06:45:13.277 回答
3

假设您要禁用与正在加载的内容的所有交互,您可以简单地覆盖元素并将其背景居中:

#overlay { 
    /*Cover the entire screen regardless of scrolling*/ 
    position:fixed;top:0;right:0;bottom:0;left:0; 
    background: #ff0000 url(...) no-repeat 50% 50%; 
}

为演示目的摆弄了一个半透明的 bgcolor。

编辑:实际上将元素垂直和水平居中是困难的

于 2012-06-21T06:51:04.180 回答