发表于: 2017-04-04 23:02:06
1 715
今日所做:
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
评论