兼容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被锁:
<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被锁:
相关文章推荐
- 模拟select的功能,解决IE高度不兼容的问题
- firefox样式表cursor和兼容Ie firefox,解决文字溢出的问题(word-wrap:break-word;word-break:break-all)
- 今天终于解决了ie与ff全兼容的问题
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- DIV+CSS布局在IE和firefox中常见不兼容问题及解决方法
- DIV+CSS 中解决IE和火狐兼容问题的整理
- IE与FF不兼容网页布局CSS问题解决方案()
- IE和火狐的一些区别------解决兼容问题
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- JavaScript在IE和Firefox(火狐)的不兼容问题解决
- IE兼容问题解决根源:深刻理解hasLayout属性,原理与使用方法
- 兼容Ie firefox,解决文字溢出的问题
- IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法 -
- [转]兼容IE firefox(FF下不认word-break及word-wrap),解决文字溢出的问题
- 系统提供的功能模块Function Module ---- 解决各种小问题用
- JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
- window.location.reload()--解决JS页面跳转ie,firefox,opera不兼容问题
- JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
- [转]解决IE/Mozilla/Webkit/Opera兼容问题的葵花宝典:CSS Bug Table
- 网页设计~老生常谈~浏览器兼容--2个主要问题的解决