正文

CSS 中背景图片定位方法

IP云
IP云V管理员/7 阅读
08/26
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

三种：

  1. 关键字：background-position: top left;
  2. 像素：background-position: 0px 0px;
  3. 百分比：background-position: 0% 0%;

区别：前两种定位将背景图片左上角的原点放置在指定位置；第三种方式将图片本身的点（x%,y%）与背景区域的点（x%,y%）重合。

使用百分比设置的主要优势在于，当页面缩放的时候，背景图片也会跟着一起缩放。