版權聲明:本文爲CSDN博主「tyf笨小孩」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/tyf97/article/details/83958824
一、問題描述
用layer做操作結果提示時,發現如果頁面超出屏幕的高度時,彈出的提示不是屏幕居中,而是在頁面高度的中間,如果一個頁面的高度比較大,就看不到提示了。
還有一種情況是Layer彈出窗口只顯示遮罩層,沒有顯示窗口(IFrame)
二、解決方案
解決方法一:
當頁面缺少下面這個聲明時,在頁面最上面加上聲明就能解決問題。
本人的頁面就是少了這個,加上就正常。原因就是少了這個聲明,導致解析頁面時不正確。
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<title>文檔的標題</title>
</head>
<body>
文檔的內容......
</body>
</html>
科普:
定義和用法
聲明必須是 HTML 文檔的第一行,位於 標籤之前。 聲明不是 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>
建議使用第一種,因爲比較標準。(我只測試了第一種方法)
————————————————
版權聲明:本文爲CSDN博主「tyf笨小孩」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/tyf97/article/details/83958824