CSS 中背景图片定位方法
2016-08-21 22:13
351 查看
三种:
关键字:background-position: top left;
像素:background-position: 0px 0px;
百分比:background-position: 0% 0%;
区别:前两种定位将背景图片左上角的原点放置在指定位置;第三种方式将图片本身的点(x%,y%)与背景区域的点(x%,y%)重合。
使用百分比设置的主要优势在于,当页面缩放的时候,背景图片也会跟着一起缩放。
关键字:background-position: top left;
像素:background-position: 0px 0px;
百分比:background-position: 0% 0%;
区别:前两种定位将背景图片左上角的原点放置在指定位置;第三种方式将图片本身的点(x%,y%)与背景区域的点(x%,y%)重合。
使用百分比设置的主要优势在于,当页面缩放的时候,背景图片也会跟着一起缩放。
相关文章推荐
- CSS中背景图片定位方法
- Html+Css CSS中背景图片定位方法
- CSS常用背景图片定位方法
- CSS常用背景图片定位方法
- div+css 背景图片的定位取图方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法
- (转)HTML&CSS——background: url() no-repeat 0 -64px;CSS中背景图片定位方法
- CSS常用背景图片定位方法
- div+css 背景图片的定位取图方法
- CSS中背景图片定位方法
- CSS中背景图片定位方法