layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
2024-08-25 02:35:38
问题:项目中layer询问层的弹窗仅显示遮罩层,并不显示弹窗……
原因:图片太多将layer弹窗挤出屏幕下方,看不见了……
解决方案:让layer的弹出层居中显示
一、问题描述
用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了。
还有一种情况是Layer弹出窗口只显示遮罩层,没有显示窗口(IFrame)
二、解决方案
解决方法一:
当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。
本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。
- <!doctype html>
科普:
定义和用法
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
解决方法二:
给Body增加一个样式,设置Body的高度为100%
<body style="height:100%;">
......
.......
</body>
编辑:小鬼PSer 2017-10-18 14:42:22
最新文章
- Codeforces Round #377 (Div. 2) D. Exams(二分答案)
- Delphi中怎么结束线程(这个线程是定时执行的)(方案二)
- 低功耗蓝牙4.0BLE编程-nrf51822开发(5)-链路层
- javascript和swf在网页中交互的一些总结
- C++ 类T T t;构造时分配的内存在静态数据区 T t=new T()分配的内存在堆 这样说对吗
- 【转】PHP获取当前时间、时间戳的各种格式写法汇总[日期时间]
- OS开发网络篇—监测网络状态
- iOS中sqlite3操作
- js中的隐式转换
- Zabbix的网络发现
- Python图片处理库之PIL
- call, apply 和 bind 方法
- js初学
- Python 携程
- vue-cli3.0 升级记录
- flash as3.0 截图保存图片
- 全网最详细的zkfc启动以后,几秒钟以后自动关闭问题的解决办法(图文详解)
- 旋转的地球css3
- java过滤器、监听器、拦截器机制
- SOA:A note on RPC