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%;"樣式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM