css如何实现遮罩层效果

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

实现代码如下：

<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);
}

以上是编程学习网小编为您介绍的“css如何实现遮罩层效果”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。