满屏遮罩层

功能介绍：

        点击事件触发后，在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 去掉！