zoukankan      html  css  js  c++  java
  • layer弹出层不居中解决方案(转)

    @感谢参考文章

    原文内容:

    一、问题描述
    
    用layer做操作结果提示时,发现如果页面超出屏幕的高度时,弹出的提示不是屏幕居中,而是在页面高度的中间,如果一个页面的高度比较大,就看不到提示了。
    
     
    
    还有一种情况是Layer弹出窗口只显示遮罩层,没有显示窗口(IFrame)
    
     
    
    二、解决方案
    
     
    
    解决方法一:
    
    当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。
    
    本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。
    
     
    
    Html代码  收藏代码
    <!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%
    
     
    
    Html代码  收藏代码
    <body style="height:100%;">  
      
    ......  
    .......  
      
    </body>  
     
    
     
    
     
    
    建议使用第一种,因为比较标准。
    View Code

    总结:

    1,在<html>标签之前添加<!DOCTYPE html>标记

    2,<body>标签中添加 style="height:100%;"样式

  • 相关阅读:
    MySQL在windows上的安装步骤
    k-均值聚类算法
    python2和python3中filter函数
    解决mysql出现的问题#1055
    python高级编程1
    二叉树
    Python常用算法(二)
    Python常用算法(一)
    Java蓝桥杯--入门训练(1) Fibonacci数列
    java基础--for-跑步运动
  • 原文地址:https://www.cnblogs.com/yanan7890/p/10727789.html
Copyright © 2011-2022 走看看