背景平铺backgroundrepeat:repeat：repeat：可以取x横向 y纵向 none不平铺；条件是背景小于标签尺寸，取值为：repeat默认值为xy方向上平铺，背景图尺寸backgroundsize:auto图片保持原有的尺寸。contain：等比例缩放撑满标签（图片大于标签尺 ...
分类：
其他好文 时间：
2018-08-26 18:31:11
阅读次数：
190
边框 | 盒子圆角 border-radius | 盒子阴影 box-shadow： 背景 | 引入背景 background-image | 背景尺寸 background-size | 背景平铺 background-repeat | 背景位置 | 位置定位1（background-origin ...
分类：
Web程序 时间：
2018-08-15 16:52:17
阅读次数：
245
设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 background-size 语法详解： 要在插入图片之后进行设置背景图片的大小 ...
分类：
Web程序 时间：
2018-08-03 21:43:31
阅读次数：
187
方法一： .container{ background-size: 100% 100%; transition: all 2s; } .container:hover{ background-size: 120% 120%; } 方法二： img{ transition: all 2s; } img ...
分类：
Web程序 时间：
2018-07-29 16:29:56
阅读次数：
169
上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：c ...
分类：
Web程序 时间：
2018-07-25 18:16:44
阅读次数：
475
兼容性方案： 使用filter属性： 原理： filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled：可选项。布尔 ...
分类：
其他好文 时间：
2018-07-10 17:50:37
阅读次数：
158
对背景图片设置属性：background-size：cover;可以实现背景图片适应div的大小。 background-size有3个属性： auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用... ...
分类：
其他好文 时间：
2018-07-09 19:20:19
阅读次数：
141
移动端： ① 安卓浏览器看背景图片，有些设备会模糊，原因是手机的分辨率太小 解决方案： 用2X图片来代替img标签，然后background-size: contain ② 防止手机中页面放大或缩小： 在meta中设置viewport user-scalable = no ③ 上下拉滚动条卡顿： o ...
分类：
移动开发 时间：
2018-07-09 10:55:19
阅读次数：
183
1.背景图片插入 代码格式：background-image:url（）； 括号内填写图片路径 2.背景图片设置大小 代码格式：background-size:宽、高 3.背景图片设置不平铺 代码格式：background-repeat:no-repeat 由于背景图片插入后默认设置平铺效果，所以需 ...
分类：
Web程序 时间：
2018-07-02 00:15:24
阅读次数：
190
常用背景相关属性： 属性描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-attachmen ...
分类：
其他好文 时间：
2018-06-30 11:07:35
阅读次数：
219
