标签：class   data-   tag   图片   20px   第一个   attr   width   sel   

background-position 属性

有三种表示方法：

1. x% y%  
  第一个值是水平位置，第二个值是垂直位置。如果您仅规定了一个值，另一个值将是 50%。
2. xpos ypos  
  第一个值是水平位置，第二个值是垂直位置。
3. 方位词

总是以元素左上角为坐标原点对背景图片进行定位（padding-box,padding的边缘）

background-origin 属性

background-attachment设置为fixed，background-origin将不起任何作用

background-size属性

若取值百分数，则是按相对于元素的宽度来进行计算，如

div{
    width:320px;
    height:270px;
    background:url() no-repeat;
    background-size:50% 80%;
}

背景图片的尺寸宽度为(320 * 50)%px,高度为(270 * 80%)px

第4章 css3背景

标签：class   data-   tag   图片   20px   第一个   attr   width   sel   

原文地址：http://www.cnblogs.com/wjw1997/p/7452585.html