HTML 應用 遮罩

遮罩的應用太多了，這裏會分析一下

bootstrap 模態框

實現方式 示例看這裏：http://v3.bootcss.com/javascript/#modals

fixed的佈局

    fixed 半透明背景

    relative 的內容區域

爲了防止body的滾動，對body 增長了一個modal-open class，這個是把overflow 設置爲hidden防止body滾動，不過再移動瀏覽器上，很差使，依然會滾動的。

jquery modaldialog 彈出對話框

http://tautologistics.com/projects/jquery.modaldialog/doc/1.0.0/ 

fixed 遮罩背景

fixed 內容區域，這個是採用js計算出來位置的。並無對body滾動作處理。很簡潔。

jquery ui dialog 對話框模態框 http://jqueryui.com/dialog/#modal-form 

absolute 內容區域,由js計算位置

fixed 遮罩(overlay)

remodal

http://www.yyyweb.com/demo/inner-show/remodal.html 實現接近bootstrap