站长资讯网
最全最丰富的资讯网站

vue.js如何实现遮罩层

vue.js实现遮罩层的方法:【div.popContainer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);}】。

vue.js如何实现遮罩层

本文操作环境: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培训

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号