您的位置:首页 > 编程语言 > Java开发

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

2017-04-10 00:00 696 查看
摘要: common_lock_screen.jsp

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Java EE