CSS 中背景图片定位方法

三种:

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

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

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

posted @ 2016-08-21 22:13  March On  阅读(473)  评论(0编辑  收藏  举报
top last
Welcome user from
(since 2020.6.1)