layer彈出層不居中解決方案（轉）

時間 2019-12-07

標籤 layer 彈出居中解決方案简体版

原文原文鏈接

原文內容：web

1、問題描述

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

 

還有一種狀況是Layer彈出窗口只顯示遮罩層，沒有顯示窗口（IFrame）

 

2、解決方案

 

解決方法一：

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

本人的頁面就是少了這個，加上就正常。緣由就是少了這個聲明，致使解析頁面時不正確。

 

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>  
 

 

 

建議使用第一種，由於比較標準。