background_position属性有四个参数，分别为上右下左，如果只用两个参数则默认为是：上右，同时系统默认上下参数和左右参数一致。所以这里的-30是指左右方搭樱向的像素移动-30，知尘丛你可以实兄芹际操作下看下效果.取300或者其他数据比较明显。
position
先左右后上下，分别有left,
center,
right,
top
bottom六种，还可以用百分比来表示，但百分比显示的时候，你写的点是图片的中心点，例如丛圆你的box是600*600的渗搭塌，背景图片是400*400的，你使用百分比来定位背景图片，数字为50%
50%，那么你的图片就是在box的正中间。枝返
background-position:0% 0%;
这表示背景图片的左上角与容器的左上角对齐?的确是这个现象，但话不能这么说，因为 background-position 计算位置时用的并不是背景图片的左上角作为基点。
background-position 是将背景图粗轮猛片的中心点作为基点
如上图，容器是 400px * 400px，背景图片是 200px * 200px，上图是：background-position:50% 50%。
那么 background-position:0% 0% 时：第一个 0% 就代表背景图片的中心点与左边红线重合；第二个 0% 就代表背景图片的桐宏中心点与上边红线生命。
那么 background-position:100% 100% 时：第一个 100% 就代表背景图片的中心点与右边红线重合；第二个 100% 就代表背景图片的中心点与下边红线生命。
也就是说在 0%-100% 之间，图片的中心点岩桥被限制在一个范围内：
这个范围距离容器左边缘右边缘均是背景图片宽度 / 2。
这种情况需要分情况而论。
1、background-position取值为长度单位时，要设置水平方向数值（x轴）和垂直方向数值（y轴）。
2、当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。
3、背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select和object。
以上就是土嘎嘎小编大虾米为大家整理的background-position属性的取值方法相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！