css如何实现遮罩层效果

html页面如何利用css实现遮罩层效果，下面web建站小编给大家简单介绍一下实现代码！

实现代码如下：

<div class='container'></div>

div.container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
  height:100%
  background: rgba(0, 0, 0, 0.3);
}