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中文网其它相关文章!
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
上一篇:vue.js如何动态修改背景色 下一篇:vue.js怎么填充数据到table表格