css 设置背景图片铺满固定不动
发布日期:2021-05-04 12:34:14 浏览次数:11 分类:技术文章

本文共 511 字,大约阅读时间需要 1 分钟。

页面原型

html

css

.main {     position: relative;  width: 100vw;  min-height: 100vh;  background-image: url("../../assets/images/bg2.png");  background-attachment: fixed;  background-repeat: no-repeat;  background-size: cover;  background-position:center;  float: left;  }

Vue中使用less封装样式

less

// 封装背景图片样式.bgImgStyle{     position: relative;  width: 100vw;  min-height: 100vh;  background-attachment: fixed;  background-repeat: no-repeat;  background-size: cover;  background-position:center;  float: left;}

页面中导入

上一篇:深拷贝和浅拷贝的区别
下一篇:sessionStorage操作对象

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2025年03月10日 05时02分46秒