background-position属性用于设置背景图片的起始位置。 语法: background-position: x y; 属性值: x:水平方向的起始位置。可以使用具体的像素值(如10px),也可以使用百分比值(如50%)。默认值为50%。 y:垂直方向的起始位置。可以使用具体的像素值(如10px),也可以使用百分比值(如50%)。默认值为50%。 如果只指...
(100px-400px)*y%=-100px; 那么y=33.3333*/.box5{background-position:0% 33.3333%}/*(100px-400px)*x%=0px; 那么x=0 (100px-400px)*y%=-200px; 那么y=66.66*/.box6{background-position:0% 66.6666%}/*(100px-400px)*x%=0px; 那么x=0 (100px-400px)*y%=-300px; 那么y=100*/....
(100px-400px)*y%=-100px; 那么y=33.3333*/.box5{background-position:0% 33.3333%}/*(100px-400px)*x%=0px; 那么x=0 (100px-400px)*y%=-200px; 那么y=66.66*/.box6{background-position:0% 66.6666%}/*(100px-400px)*x%=0px; 那么x=0 (100px-400px)*y%=-300px; 那么y=100*/....
一、语法: background-position-x : length | left | center | right background-position-y : length | left | center | right 二、取值: length :百分数 | 由浮点数字和单位标识符组成的长度值 left :居左 center:居中 right :居右 三、兼容性: chrome和IE支持,写法: background-position-x:30px;-m...
background-position指的是背景的开始坐标，假如有一个这个意思就是，层的背景图片是从div的左上角(0,0)向x轴（向右）方向偏移20px;向y轴（向下）方向偏移30px;
是用来定位图片的位置的，最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了。background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。background-position: left -29px; 是背景位移，background-position后面有两个属性，第一个是...
背景位置属性的使用取决于具体场景，它在设置背景图像的位置时起关键作用。当以长度单位（如像素px）定义时，我们需要分别指定水平（x轴）和垂直（y轴）的值。例如，background-position: x轴数值 y轴数值;另一种情况是，当background-position采用关键字形式，同样需要设定水平和垂直方向，但这时的值不...
1、background-position取值为长度单位时，要设置水平方向数值（x轴）和垂直方向数值（y轴）。2、当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。3、背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换...
background-position为一个集合属性,设置的是背景图的起始位置,分别为background-position-x和background-position-y,可用的值有left,right,top,bottom,以及固定像素值和百分比值。 background-position-x: left (等价于0%) background-position-x: right (等价于100%) ...
X值指定背景图像在水平方向上的定位位置,可以使用像素数值、百分比、left、center和right等值。 Y值指定背景图像在垂直方向上的定位位置,可以使用像素数值、百分比、top、center和bottom等值。 eg: 1. 设置背景图像在元素中水平居中 2. 将背景图像坐标系的原点从默认左上方移动到右下角,使背景图像全局右下对齐: 3....