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>
定義和用法
-
<!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%
<body style="height:100%;">
</body>
注意:有時第一種方案會影響jsp頁面的樣式,則可以使用第二種