CSS可以使用position定位和z-index层级来实现蒙版(遮罩)效果。通过设置position:absolute和z-index属性,可以让一个元素显示在另一个元素的上面,从而实现蒙版(遮罩)效果。
<style type="text/css"> .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); } </style> <div class="mask"></div>
上面的代码中,我们创建了一个名为mask的div元素,并且设置了position:absolute,top:0,left:0,width:100%,height:100%,z-index:10,以及background-color:rgba(0,0,0,0.5),这样就可以实现一个蒙版(遮罩)效果。
本文链接:http://task.lmcjl.com/news/12866.html