拨开云雾见月明

　　经过几天大脑短路，今天终于自动修复成功。迫不及待的来写个随笔纪念一下。话不多说 进入正题：

　　这两天忙里偷闲仔细研究了下background-position图片定位的问题，之前自己都不清楚是怎么一回事，现在来分享一下到底是怎么一回事。

　　背景图片定位（background-position）原理

　　I. 语法：Background-position:水平位置 垂直位置

　　II. 水平位置/垂直位置设置方法：

　　1） 数值（px）正负值都可以，正数值表示向右移动或向下移动，负数值表示向左或向上移动；

　　2） 百分比（%）范围：0%—100%

　　3） 关键词：水平位置：left(左) center(中) right(右)  垂直位置：top(上) center(中) bottom(下)

　　默认情况下，background-position的原点位于左上角，换句话说，元素的左上角和图片的左上角是对齐的，随后图片向各个方向重复，都是以左上角为起点。

　　注意：当只设置一个值时：代表水平位置，垂直位置默认居中

　　学无止境，我们需要学习的太多太多，有时候我们可以稍微放缓一下脚步，沉淀一下我们的知识，加深一下理解，会更加的有趣。

　　知识是一种快乐，好奇则是知识的萌芽。加油！

转载于:https://www.cnblogs.com/H-Gfeng/p/10428263.html