码迷,mamicode.com
首页 > Web开发 > 详细

CSS 中背景图片定位方法

时间:2016-08-21 22:50:01      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:

三种:

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

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

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

CSS 中背景图片定位方法

标签:

原文地址:http://www.cnblogs.com/z-sm/p/5793787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!