文档章节

兼容IE的锁屏功能模块,主要是解决ie也能兼容的问题

BeGit
 BeGit
发布于 2017/04/10 11:18
字数 128
阅读 9
收藏 0

<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被锁:

© 著作权归作者所有

共有 人打赏支持
BeGit
粉丝 20
博文 92
码字总数 70143
作品 0
顺义
后端工程师
私信 提问
移动端本地 H5 秒开方案探索与实现

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 企业微信移动端项目中有需求要展示数据趋势的可视化图表,经过调研,最终决定以单页面 H5 来完成,对 APP 里的一些使用 H5 实现的...

腾讯云加社区
2018/06/11
0
0
android兼容oppo手机刘海屏解决方案

引用自OPPO官方文档,这里缩减了一些内容,选取重要内容,包括oppo沉浸式的兼容。 转载请标明出处: https://blog.csdn.net/DJY1992/article/details/80688802 本文出自:【奥特曼超人的博客】...

奥特曼超人
2018/06/14
0
0
[Amaze UI] 如何推进 mobile first 的前端 Web 方案

背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点。在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希...

陈本峰
2014/07/18
0
0
xhEditor v1.1.8 发布,开源XHTML在线编辑器

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE6、IE7、IE8、IE9、Firefox 3.0+、Opera 9.6+、Chrome 1.0+、Safari 3.22+。 该版本主要提供以...

V
2011/07/10
0
0
详解 MySql InnoDB 中意向锁的作用

前言 InnoDB 支持,它允许与共存,而意向锁就是其中的一种。 意向锁(Intention Locks) 需要强调一下,意向锁是一种,这一点非常重要。意向锁分为两种: 意向共享锁(intention shared lock...

Henrykin
01/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【C++】智能指针简述(四):shared_ptr

  在开始本文内容之前,我们再来总结一下,前文内容:   1.智能指针采用RAII机制,在构造对象时进行资源的初始化,析构对象时进行资源的清理及汕尾.   2.auto_ptr防止拷贝后析构释放同一块内...

shzwork
30分钟前
1
0
作为Java程序员这些技术都不会,拿什么去涨薪跳槽?

引言 当下,正面临着近几年来的最严重的互联网寒冬,听得最多的一句话便是:相见于江湖~,缩减HC、裁员不绝于耳,大家都是人心惶惶,年前如此,年后想必肯定又是一场更为惨烈的江湖厮杀。但博...

别打我会飞
53分钟前
2
0
springboot开发之定时器quartz 定时任务调度(压缩版,抽取quartz的单个任务表实现)

前言 老了, 记不住了, 好记性不如烂笔头; 没想到曾经过目不忘的我, 也有这么一天, 岁月蹉跎,学习一天不如一天 难受 Quartz可以用来做什么? Quartz是一个任务调度框架。比如你遇到这样的问题...

尾生
58分钟前
11
0
技术经理平时都干啥?

「技术主管」是开发团队中的某位程序员需要对一起创建系统的整个开发团队负责时所承担的角色。通常他既要对最终交付的软件系统负责,另外也会像一个程序员一样去开发实现系统。 一个技术主管...

春哥大魔王的博客
今天
7
0
java工作流引擎Jflow流程事件和流程节点事件设置

流程实例的引入和设置 关键词: 开源工作流引擎 Java工作流开发 .net开源工作流引擎 流程事件 工作流节点事件 应用场景: 在一些复杂的业务逻辑流程中需要在某个节点或者是流程结束后做一些业...

ccflow周朋
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部