原理
利用CSS特性 #msgBody div{},当有ID为msgBody存在时才生效来实现。
兼容性
兼容IE7+、Chrome、火狐
IE6下Select元素总在最上层。并且不支持fix所以只能绝对定位。弹出层是会跳转到顶部。
IE6下修改body的ID后display:block; 显示有问题(有一部分显示),在IE6下时,使用left:-10000px;来实现隐藏。
JS中调用方法
弹出方法:document.body.id = 'msgBody';
隐藏方法:document.body.id = '';
Chrome下测试效果
欢迎转载,转载请注明:转载自[ http://www.cnblogs.com/zjfree/ ]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步