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操作对象

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

A - 数据结构实验之图论一：基于邻接矩阵的广度优先搜索遍历（BFS） 2019-03-01

free(): double free detected in tcache 2 如何解决 2019-03-01

《软件方法》第1章建模和UML 2019-03-01

Rhapsody的文件能转到EA里面吗 2019-03-01

android instant app 2019-03-01

ubuntu非root用户如何访问vmware共享文件夹 2019-03-01

图解HTTP (chap4 Http状态码) 5XX 2019-03-01

creator世界坐标w_pos会变化导致的录屏回放时相对位置变化造成bug(改为local_pos即可解决) 2019-03-01

Python3实现程序更新 2019-03-01

类似愤怒小鸟的飞行弹道 2019-03-01

（二十七）unity4.6学习Ugui中文文档-------Unity3D UI (uGUI)窗口扩展 2019-03-01

Android官方文档之DataBinding库 2019-03-01

【今日CV 计算机视觉论文速览第97期】Tue, 9 Apr 2019 2019-03-01

【mAP】关于目标检测mAP的一些理解 2019-03-01

庄子：谁知南华秋水意？ 2019-03-01

android 在一个应用中启动另一个应用 2019-03-01

Thread.sleep() 和 Thread.yield() 区别 2019-03-01

Kotlin 简单优雅的高阶函数 2019-03-01

ES6 箭头函数： () => {} 与匿名函数 function() {} 2019-03-01

UML类图关系（泛化、继承、实现、依赖、关联、聚合、组合） 2019-03-01

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 453322347 位访客

发表评论

最新留言

关于作者

推荐文章