滿屏遮罩層

功能介紹：

        點擊事件觸發後，在Dom中添加一個遮罩層（頁面滾動條），然後在Dom中添加要顯示的內容。這樣就可以滿屏純粹展示表達的內容，沒有滾動條，頁面效果儘可能的顯示到完美！用於詳細圖片瀏覽效果最佳！

兼容性：ie7+ ,chorm,safari,firefox

css:

body,html{
    width:100%;
    height:100%;
}

html{

    overflow-y: scroll;
    overflow-x: hidden;

}

//mask 遮罩層樣式

#mask{

position:fixed;

top:0px;

right:0px;

bottom:0px

left:0px;

width:100%;

height:100%;

opacity:0.6;

background-color: #000;

}

注：在往Dom中添加mask時，html標籤添加樣式 overflow：hidden; 刪除mask時，也要把html中的overflow：hidden 去掉！