vue.js如何实现遮罩层
- 王林原创
- 2021-10-11 15:38:437281浏览
vue.js实现遮罩层的方法：【div.popContainer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);}】。
本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。
vue实现简单的遮罩层效果：
具体代码如下所示：
<div class='popContainer'></div>
div.popContainer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
}推荐学习：php培训
以上是vue.js如何实现遮罩层的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn