博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
兼容IE的锁屏功能模块,主要是解决ie也能兼容的问题
阅读量:6231 次
发布时间:2019-06-21

本文共 1093 字,大约阅读时间需要 3 分钟。

hot3.png

<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>

效果图,整个body被锁:

100756_dEyu_1052786.png

转载于:https://my.oschina.net/u/1052786/blog/875986

你可能感兴趣的文章
Java IO最详解
查看>>
关于错误error C4430 error C2365 error C2078 error C2440 error C2143的处理。
查看>>
用python写一个抽奖程序
查看>>
npm使用入门(package.json)
查看>>
You are beautiful
查看>>
inline和宏之间的区别
查看>>
hibernate篇章五--Hibernage工作原理
查看>>
MongodDB学习笔记(二)(复制)
查看>>
oracle在线迁移同步数据,数据库报错
查看>>
Java中1.0 / 0.0 会输出什么?
查看>>
linux性能剖析工具
查看>>
DP ZOJ 3872 Beauty of Array
查看>>
jQuery Ajax实例 ($.ajax_$.post_$.get)
查看>>
垃圾桶丁
查看>>
HDU 4757 可持久化trie树
查看>>
spring-boot入门
查看>>
USB HID 分析
查看>>
驱动属性
查看>>
IOS 学习笔记(6) 控件 文本域(UITextField)的使用方法
查看>>
第一次写JQuery插件--用于显示子菜单
查看>>