搜索
查看: 1827|回复: 0

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

[复制链接]

17

主题

20

帖子

1219

积分

中级会员

Rank: 3Rank: 3

积分
1219
发表于 2018-11-12 19:16:34 | 显示全部楼层 |阅读模式
layui layer弹出层不居中解决方案,仅显示遮罩,没有弹窗.layer只显示阴影。
问题:项目中遇到layer问题,因为页面加载的图片多,点击删除是layer询问层的弹窗仅显示遮罩层,并不显示弹窗……

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

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

一、问题描述

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

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

二、解决方案


解决方法一:

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

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

  1. <!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%

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

  2. ......
  3. .......

  4. </body>
复制代码

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


心怀梦想
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

前身为模板家园。国内NO.1电商解决方案平台

五年来一直为电商系统做优质的服务而不断努力着!

Copyright © 2011-2016 cybn.Cn. Powered by Discuz!

返回顶部 返回列表