layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
来源:互联网 发布:hbase是关系数据库吗 编辑:程序博客网 时间:2024/05/18 23:16
问题:项目中遇到layer问题,因为页面加载的图片多,点击删除是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>
建议使用第一种,因为比较标准。
阅读全文
0 1
- layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
- layer 弹出层不居中显示问题的解决方法
- layer弹出层msg的文字不显示问题
- 自定义弹出层居中并显示遮罩
- layer弹出层显示在top顶层
- layer弹出层显示在top顶层
- layer火狐弹出层显示不完全问题
- 使用layer弹出层显示图片
- layer弹出层显示在top顶层
- layer弹出层显示在top顶层
- js实现遮罩弹出层居中
- JS弹出层移动居中显示
- 图片弹出层的居中显示
- 纯 CSS 让弹出层居中显示
- 对于layer_v1.9 ~ v3.0之间弹出层标题不居中和按钮设置居中无效的解决方案
- layer.alert() 不居中
- layer弹出层
- 页面弹出层 layer
- VC INI文件实现多语言版本
- Python 装饰器
- Centos 配置eth0 提示Device does not seem to be present
- 11.数据库总结
- CRC校验
- layer弹出层不居中解决方案,仅显示遮罩,没有弹窗
- struct timespec 和 struct timeval
- python 数据分析-numpy
- 003_详解docker架构
- 12.数据库概念相关
- 回头看Android之service
- cmake生成vs解决方案时的项目文件夹
- 函数和数组的小知识点笔记
- 【QT】文件对话框