layer弹出层不居中仅显示遮罩,没有弹窗解决办法

ZhangJian 2022-05-12 n次浏览 资源教程 编辑

遇到的问题发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示,或者只显示一个灰色的遮罩

解决方法:

在页面头部加上声明

<!DOCTYPE HTML>

layer

定义

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

声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。

方法2:

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

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

推荐使用第一种方法