关于对background-position的理解

网络整理 - 07-29
  关于对“background-position:url(图片) 水平(x) 垂直(y)”的理解:

  1、如果水平(x)为正数、垂直(y)为负数,表示以图片的右上角为坐标、移动各个位移,如“8 -8”,表示以右上角为坐标、向右移8px、向上移8px);

  2、如果水平(x)为负数、垂直(y)为负数,表示以图片的左上角为坐标、移动各个位移,如“-8 -8”,表示以左上角为坐标、向左移8px、向上移8px);

  3、如果水平(x)为正数、垂直(y)为正数,表示以图片的右下角为坐标、移动各个位移,如“8 8”,表示以右下角为坐标、向右移8px、向上移8px);

  4、如果水平(x)为负数、垂直(y)为正数,表示以图片的左下角为坐标、移动各个位移,如“8 8”,表示以左下角为坐标、向左移8px、向上移8px);