vue 中怎么对遮罩层下面的元素进行正常操作

最新推荐文章于 2024-08-12 16:15:50 发布

冰雪为融

最新推荐文章于 2024-08-12 16:15:50 发布

阅读量1.4k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/lhjuejiang/article/details/105285608

版权

vue 专栏收录该内容

81 篇文章 5 订阅

订阅专栏

添加一个css属性 pointer-events:none; 即可

//据网传，除了none/auto以外，其他都是用在svg项目中

pointer-events：auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all

<button>确认</button>
<div class=“cover”></div>
.cover{
    position: fixed;
    width: 100%;
    height: 110%;
    z-index:999;
    //给遮罩层上添加这个属性即可，这是就可以穿透遮罩层，触发到确认按钮了
    pointer-events：none;
}