layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

问题：项目中遇到layer问题，因为页面加载的图片多，点击删除是layer询问层的弹窗仅显示遮罩层，并不显示弹窗……

原因：图片太多将layer弹窗挤出屏幕下方，看不见了……

解决方案：让layer的弹出层居中显示

 

 

一、问题描述

用layer做操作结果提示时，发现如果页面超出屏幕的高度时，弹出的提示不是屏幕居中，而是在页面高度的中间，如果一个页面的高度比较大，就看不到提示了。

 

还有一种情况是Layer弹出窗口只显示遮罩层，没有显示窗口（IFrame）

 

二、解决方案

 

解决方法一：

当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。

本人的页面就是少了这个，加上就正常。原因就是少了这个声明，导致解析页面时不正确。

 

 

 

 

 

科普：

定义和用法

声明必须是 HTML 文档的第一行，位于 标签之前。

声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

提示：请始终向 HTML 文档添加 声明，这样浏览器才能获知文档类型。

 

 

解决方法二：

 

给Body增加一个样式，设置Body的高度为100%

 

......
.......

 

 

 

 

 

建议使用第一种，因为比较标准。

请关注我微信公众号：