2019-03-28 作业

如果定位元素的层级是一样，则下边的元素会盖住上边的

通过z-index属性可以用来设置元素的层级

可以为z-index指定一个正整数作为值，该值将会作为当前元素的层级，层级越高，越优先显示

对于没有开启定位的元素不能使用z-index

开启绝对定位    position: absolute;

设置为背景图片

background-image: url(img/bg.png);

设置水平方向重复

background-repeat: repeat-x;

使用background-image来设置背景图片

语法：background-image:url(相对路径);

 如果背景图片大于元素，默认会显示图片的左上角- 如果背景图片和元素一样大，则会将背景图片全部显示

 如果背景图片小于元素大小，则会默认将背景图片平铺以充满元素

background-repeat用于设置背景图片的重复方式

可选值：

repeat，默认值，背景图片会双方向重复（平铺）

no-repeat，背景图片不会重复，有多大就显示多大

repeat-x， 背景图片沿水平方向重复

repeat-y，背景图片沿垂直方向重复

background-attachment用来设置背景图片是否随页面一起滚动

scroll，默认值，背景图片随着窗口滚动

fixed，背景图片会固定在某一位置，不随页面滚动

不随窗口滚动的图片，我们一般都是设置给body，而不设置给其他元素

当背景图片的background-attachment设置为fixed时，

背景图片的定位永远相对于浏览器的窗口

当元素的position属性设置fixed时，则开启了元素的固定定位

固定定位也是一种绝对定位，它的大部分特点都和绝对定位一样

不同的是：

固定定位永远都会相对于浏览器窗口进行定位

固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动