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
时间: 2024-10-10 22:00:08