CSS 中背景图片定位方法

时间:2024-06-02 13:34:32

三种:

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

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

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