background-position

  background-position该属性用于指定背景图片相对于背景图片容器的位置(忽略背景图片容器的padding),值(水平 垂直)有三种格式:

  指定该属性之前,一定要指定background-img属性。

  1. 数值+单位,例如:0px 0px

  是以背景容器的左上角为坐标原点,指定背景图片左上角的位置。

  2. top|bottom|left|right|center

  指定背景图片整体相对于背景图片容器的位置。比如:值为center center时,图片位于容器正中间,为left top时位于左上角,为right bottom时位于右下角。

  3.百分比,例如:50% 50%

  注意:当值为百分比时,位置需要计算,计算得出的是像素,和“格式1”一致

      正的百分比:{容器(container)的宽度/高度—背景图片的宽度/高度}*x百分比,超出的部分隐藏

      负的百分比:-{容器(container)的宽度/高度—背景图片的宽度/高度}*x百分比,超出的部分隐藏