详解使用CSS背景图坐标定位详解及负数技巧【点击查看详情】
背景图像定位中我们要明确的几点。1、两个值前面一个是横向的定位,我们称为x轴方向定位。后面一个值是纵向的定位,我们称为y轴方向定位。如果只有一个值,那默认的就是x轴方向,这时y轴方向就默认的是上下居中对齐,也就是center。2、坐标轴的原点就是对应容器的左顶点。3、这个坐标的y轴箭头朝下,也就是右下方(容器内部)x y的值才都为正。4、x y值分别表示背景图片的左顶点相对于坐标原点(也就是容器的左顶点)的值。5、x y的值可以用百分比或者px来表示。