半透明遮罩层覆盖整个可视区域

我们经常会遇到点击一个按钮弹出一个对话框和一个变暗的遮罩层，简单的写法只能让遮罩层覆盖浏览器的大小，那么怎么让遮罩层覆盖全部区域呢？

css代码如下：

1 html,body { 2height: 100%; 3margin: 0; 4padding: 0; 5 } 6 .mask { 7height: 100%; 8width: 100%; 9position: fixed;10_position: absolute;11top: 0;12z-index: 100;13 }14 .opacity {15opacity: 0.3;16filter: alpha(opacity=30);17background: #000;18 }