可以使用CSS伪类和背景色来制作蒙版。例如:
.masked:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
}
这段代码中,.masked:before
定义了一个伪元素,在该元素上设置了定位和背景色。该代码将使用类 masked
的任何元素上的内容都被半透明的黑色遮罩覆盖。