第4章 css3背景

background-position 属性

有三种表示方法:

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

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

background-origin 属性

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

background-size属性

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

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

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

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