发表于： 2017-04-04 23:02:06
1 714
今日所做：
1.由于之前处理图片过程中出现的浏览器版本不兼容的问题，于是抽时间详细地了解了一下
背景图片的定位使用方法
2.背景图片定位使用background-position属性，这个属性可以使用数值或者百分比单位；
如果使用数值的话，背景图片放在div左上角时，background-position为0 0，背景图片
向左像上移动，数值均变为负值。
3.如果想让背景图片靠齐div右边界，如果使用数值为单位的话，则使用div的宽度减去背
景图片的宽度，得到的值作为background-position的值。
4.用百分比值的方便之处：用百分比值的定义与数值有很大的区别，百分比值定位是当背
景图片左边界与div左边界靠齐的时候，为0%，当背景图片的右边界与div的右边界靠齐的
时候，为百分之百。背景图片处于div中心的时候，为百分之50。
5.background-positon百分比值与数值的换算也非常简单，如果给出百分比值，换算数值
的话，就用div宽度值减去背景图片宽度值，再乘上百分比数值。上面举例都是拿水平轴来
举例，在竖值轴上，换算方法也是一样的。
明日计划：
继续进行任务10
返回列表
评论