Home > Article > Web Front-end > How to implement mask layer in vue.js
Vue.js method to implement mask layer: [div.popContainer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0 , 0.3);}].
The operating environment of this article: windows10 system, vue.js 2.9, thinkpad t480 computer.
vue implements a simple mask layer effect:
The specific code is as follows:
<div class='popContainer'></div> div.popContainer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); }
Recommended learning: php training
The above is the detailed content of How to implement mask layer in vue.js. For more information, please follow other related articles on the PHP Chinese website!