問題:項目中遇到layer問題,因為頁面加載的圖檔多,點選删除是layer詢問層的彈窗僅顯示遮罩層,并不顯示彈窗……
原因:圖檔太多将layer彈窗擠出螢幕下方,看不見了……
解決方案:讓layer的彈出層居中顯示
一、問題描述
用layer做操作結果提示時,發現如果頁面超出螢幕的高度時,彈出的提示不是螢幕居中,而是在頁面高度的中間,如果一個頁面的高度比較大,就看不到提示了。
還有一種情況是Layer彈出視窗隻顯示遮罩層,沒有顯示視窗(IFrame)
二、解決方案
解決方法一:
當頁面缺少下面這個聲明時,在頁面最上面加上聲明就能解決問題。
本人的頁面就是少了這個,加上就正常。原因就是少了這個聲明,導緻解析頁面時不正确。
<!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%
<body style="height:100%;">
......
.......
</body>
建議使用第一種,因為比較标準。
請關注我微信公衆号: