CSS 页面置灰等待效果

<div id='tms-comm-load' style="display:none"> <div class='tms-load-box'>    <img src='<%=request.getContextPath()%>/static/images/load.gif' />    <span id="tms-load-msg"></span> </div> <div class='tms-load-mask'></div></div>

.tms-load-box{display:inline-block;border: 2px solid #A1C5F7;padding: 13px 20px;background:#fff;position:fixed;z-index:999999;color:#444;left:50%;top:50%;margin-left:-90px;margin-top:-30px;}.tms-load-box img{margin-right:10px;}.tms-load-mask{height:100%;width:100%;position:fixed;z-index:99999;left:0;top:0;background: #545454;opacity: 0.50;filter: alpha(opacity=50);}

showLoading:function(msg){ var defaultMsg = "正在处理，请稍后..."; if(msg) defaultMsg = msg; $("#tms-load-msg").html(defaultMsg); $("#tms-comm-load").show(); }, hideLoading:function(){ $("#tms-comm-load").hide(); },