layer彈出層不居中解決方案，layer提示不螢幕居中解決方法，layer彈窗不居中

2023-03-09 03:30:00

layer彈出層不居中解決方案，layer提示不螢幕居中解決方法，

layer彈窗不居中解決方案，layer彈窗不顯示

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年12月9日 09:07:16 星期五

http://fanshuyao.iteye.com/

一、問題描述

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

還有一種情況是Layer彈出視窗隻顯示遮罩層，沒有顯示視窗（IFrame）

二、解決方案

解決方法一：

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

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

<!doctype html>

layer彈出層不居中解決方案，layer提示不螢幕居中解決方法，layer彈窗不居中

科普：

定義和用法

<!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>

建議使用第一種，因為比較标準。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2016年12月9日 09:07:16 星期五

http://fanshuyao.iteye.com/