在使用rem单位时，用雪碧图（我不喜欢这个名字！）做背景图片在移动端有时会有错位。pc模拟是没有问题的，而且错位的情况不同的手机还不太一样。这里说几个解决的办法。出现这个问题的原因我找了很久都找不到，再接着找吧！ background-size和background-position都用rem 我实 ...
分类：
Web程序 时间：
2018-02-01 20:45:56
阅读次数：
239
样式： 大小： width 宽度 height：高度 背景： background-color 背景色 background-image 背景图片 background-repeat 背景图的平铺方式 background-position 背景图位置 background-size 背景图的大小 ...
分类：
Web程序 时间：
2018-01-28 18:18:13
阅读次数：
166
六、背景背景在CSS3中也得到很大程度的增强，比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。1、background-size设置背景图片的尺寸cover会自动调整缩放比例，保证图片始终填充满背景区域，如有溢出部分则会被隐藏。contain会自动调整缩放比例，保证图片始终完整显示在背景区域。也可以使用长度单位或百分比2、background-origin设置背景定位的原点border
分类：
Web程序 时间：
2018-01-25 11:00:46
阅读次数：
215
你的浏览器不支持audio标签。--> #music { width: 0.8rem; height: 0.8rem; position: fixed; top: 0.2rem; right: 0.3rem; z-index: 9999; background-size: contain; text... ...
分类：
其他好文 时间：
2018-01-22 19:26:45
阅读次数：
175
//亲测ie9可以兼容 function Go(event) { var e = event; if (e && e.preventDefault) { e.preventDefault(); } //IE中组织浏览器行为 else { ... ...
分类：
Web程序 时间：
2018-01-13 15:46:52
阅读次数：
161
onchange="this.value=this.value.substring(0, 300)" maxlength标签在ie上不兼容使用事件强制限制长度但用户体验不好 onkeydown="this.value=this.value.substring(0, 300)" 可以根据情况组合事件截 ...
分类：
其他好文 时间：
2018-01-10 17:05:20
阅读次数：
184
思路 借助div的background-size 的 cover这个属性等比例缩放图片配合center就可以实现居中覆盖,裁剪多余最终实现：等比例缩放+居中+完全覆盖+边界裁剪 示例代码 ...
分类：
其他好文 时间：
2018-01-09 20:10:43
阅读次数：
171
背景虚化.bg{ background: url('../image/Login/bg.png'); background-repeat: no-repeat; background-size: 1280px 720px; width: 100%; height: 720px; z-index: - ...
分类：
其他好文 时间：
2018-01-08 18:34:46
阅读次数：
173
background-size与背景图片填满div 在开发中，常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有三种属性，分别为 background-size: cover 这里的关键说明在于标红的两个区域，分 ...
分类：
Web程序 时间：
2017-12-28 00:01:09
阅读次数：
313
CreateTime--2017年12月25日17:05:37 Author:Marydon ie滤镜特效之AlphaImageLoader 作用： 用于设置背景图片特效样式 使用条件： 低版本IE不支持属性background-size，可以使用AlphaImageLoader来代替 语法： fi ...
分类：
Web程序 时间：
2017-12-25 18:15:03
阅读次数：
195
