layer弹出层不居中解决方案,有时仅显示遮罩,没有弹窗解决(转载)

版权声明:本文为CSDN博主「tyf笨小孩」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/tyf97/article/details/83958824

一、问题描述

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

还有一种情况是Layer弹出窗口只显示遮罩层,没有显示窗口(IFrame)

二、解决方案

解决方法一:

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

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

<!doctype html> 
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

科普:

定义和用法

声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

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

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

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

解决方法二:

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


<body style="height:100%;">  
  
......  
.......  
  
</body> 

建议使用第一种,因为比较标准。(我只测试了第一种方法)

————————————————
版权声明:本文为CSDN博主「tyf笨小孩」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/tyf97/article/details/83958824

你可能感兴趣的:(js,jquery)