layer彈出層不置中解決方案,僅顯示遮罩,沒有彈窗

來源:互聯網
上載者:User

問題:項目中遇到layer問題,因為頁面載入的圖片多,點擊刪除是layer詢問層的彈窗僅顯示遮罩層,並不顯示彈窗……

原因:圖片太多將layer彈窗擠出螢幕下方,看不見了……

解決方案:讓layer的彈出層置中顯示


一、問題描述

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

 

還有一種情況是Layer快顯視窗只顯示遮罩層,沒有顯示視窗(IFrame)

 

二、解決方案

 

解決方案一:

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

本人的頁面就是少了這個,加上就正常。原因就是少了這個聲明,導致解析頁面時不正確。

<!doctype html>


科普: 定義和用法

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標籤之前。

<!DOCTYPE> 聲明不是 HTML 標籤;它是指示 網頁瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。

在 HTML 4.01 中,<!DOCTYPE> 聲明引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

HTML5 不基於 SGML,所以不需要引用 DTD。

提示:請始終向 HTML 文檔添加 <!DOCTYPE> 聲明,這樣瀏覽器才能獲知文件類型。

 

 

解決方案二:

 

給Body增加一個樣式,設定Body的高度為100%

<body style="height:100%;">.............</body>


建議使用第一種,因為比較標準。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.