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如何实现遮罩层效果”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。

本文标题为:css如何实现遮罩层效果

基础教程推荐