常见的遮罩问题

（一）. 在写弹框的时候，一般弹框底部都会出现一个半透明的遮罩层（mask），问题来了，遮罩层的高度应该是多少呢？

　　1. 有的说 mask 的 height 直接设置成 height：100%， 那么问题来了，如果 body 高度被内容撑的很多，出现滚动条了，当滚动滚动条时：

出现底部遮罩层高度不够的状况

　　2. 用继承？对 css 继承，可是css 继承只是对具体值得继承，像上述情况，body 一般是没有具体值，是随着内容去自由撑开的，显然还是会出现问题的

那么怎么解决呢，今天无意间想到一个办法，position：fixed  对！！！就是这个

具体代码

.mask{
    background: rgba(0,0,0,0.5);
    width: 100%;
    opacity: 0.5;
    display: block;

    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;

}

可以尝试下，不出意外问题会马上解决，原理很简单，因为 fixed 是固定的，所以只需要遮住屏幕，无论用户怎么滚动滚动条，遮罩层都是会跟这一起滚动，是不是就解决了！！！！！