CSS背景图片百分比定位规则，图片本身(x%,y%)的那个点，与背景区域(x%,y%)的那个点重合。

《CSS背景图片用像素定位较容易，用百分比定位较麻烦，但是会和页面一起缩放，在特殊情况下很有效。》中写道，

在CSS中，背景图片的定位方法有3种：

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

表面上看效果是一样的，实际上第三种定位机制与前两种完全不同。它的放置规则是，图片本身（x%,y%）的那个点，与背景区域的（x%,y%）的那个点重合。

《CSS背景图片用像素定位较容易，用百分比定位较麻烦，但是会和页面一起缩放，在特殊情况下很有效》详细图文解释的传送门。

波波坡原创文章 链接：http://www.bobopo.com/article/blog/201112/css背景图片百分比定位.htm

标签: Css, Html

关键词: CSS, 背景图片, 定位方法, 百分比定位, 页面缩放, 关键字定位, 像素定位

创建日期: 2011-12-15

修改日期: 2011-12-15