兼容IE的鎖屏功能模塊,主要是解決ie也能兼容的問題

<style type="text/css">
 .ie_fixed_lock_screen{
 display:none;
 z-index:9998;
 width:100%;
 height:100%;
 filter: alpha(opacity=80);  
-moz-opacity:0.8;  
opacity: 0.8;
background:#D1EEEE;  
       _position: absolute;  
       _clear: both;   
        _top:expression(eval(document.compatMode &&   
               document.compatMode=='CSS1Compat') ?   
               documentElement.scrollTop   
               +(documentElement.clientHeight-this.clientHeight) - 8   
               : document.body.scrollTop   
               +(document.body.clientHeight-this.clientHeight) - 8); 
}
.ie_fixed_lock_screen .center_position{
position:absolute;top:40%;left:50%;
}
</style>
<script>
    function setLockScreenInfo(lockScreenInfo){
        if(lockScreenInfo){
            $(".ie_fixed_lock_screen .center_position").html(lockScreenInfo);
        }
    }
    function showLockScreenx(){
        $(".ie_fixed_lock_screen").show();
    }
    function hideLockScreen(){
        $(".ie_fixed_lock_screen").hide();
    }
    $(document).ready(function () {
      $("body").append('<div class="ie_fixed_lock_screen"><div class="center_position">\u5904\u7406\u4e2d\uff0c\u8bf7\u7a0d\u540e\u3002\u3002\u3002</div></div>');//處理中,請稍後。。。
    });
</script>css

效果圖,整個body被鎖:html

相關文章
相關標籤/搜索