天天看點

layer彈出層不在頁面居中解決方案layer彈出層不居中解決方案

layer彈出層不居中解決方案

一、問題描述

用layer做操作結果提示時,發現如果頁面超出螢幕的高度時,彈出的提示不是螢幕居中,而是在頁面高度的中間,如果一個頁面的高度比較大,就看不到提示了。

另一種情況是Layer彈出視窗隻顯示遮罩層,沒有顯示視窗(IFrame)

二、解決方案(一)

當頁面缺少下面這個聲明時,在頁面最上面加上聲明就能解決問題。

本人的頁面就是少了這個,加上就正常。原因就是少了這個聲明,導緻解析頁面時不正确。

在html頁面或jsp頁面第一行聲明

<!Doctype html>

<!Doctype html>  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>報告庫</title>
    <meta charset="utf-8">
    </head>
<body>
</body>
</html>
           

定義和用法

  1. <!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位于 <html> 标簽之前。

  2. <!DOCTYPE> 聲明不是 HTML 标簽;它是訓示 web 浏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。

  3. 在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基于 SGML。DTD 規定了标記語言的規則,這樣浏覽器才能正确地呈現内容。

  4. HTML5 不基于 SGML,是以不需要引用 DTD。

  5. 提示:請始終向 HTML 文檔添加 <!DOCTYPE> 聲明,這樣浏覽器才能獲知文檔類型。

三、解決方案(二)

給Body增加一個樣式,設定Body的高度為100%

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

注意:有時第一種方案會影響jsp頁面的樣式,則可以使用第二種