css loading 效果

.loading{  

    160px;  

   height:56px;  

   position: absolute;  

   top:50%;  

  left:50%;  

  line-height:56px;  

  color:#fff;  

 padding-left:60px;  

  font-size:15px;  

    background: #000 url(images/loader.gif) no-repeat 10px 50%;  

  opacity: 0.7;  

   z-index:9999;  

    -moz-border-radius:20px;  

    -webkit-border-radius:20px;  

    border-radius:20px;  

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  

}  

<div id="loading" class="loading">Loading pages...</div> 

//遮罩层, 

.loading{

    position: fixed;

    top: 0px;

    left: 0px;

    right:0px;

    bottom:0px;

    background-color: #8FB0D1;

    -moz-opacity: 0.5;

    opacity:0.5;

    z-index:1001;

    filter: alpha(opacity=40);
    padding-top: 20%;
}