20.CSS-定位（下）

3.固定定位

什么是固定定位？

固定定位和背景关联方式相类似。
背景定位可以让背景图片不随着滚动条的滚动而滚动，而固定定位可以让某个盒子不随着滚动条的滚动而滚动。

注意点

1.固定定位的元素是脱离标准流的，不会占用标准流的空间；
2.固定定位和绝对定位一样，不区分行内/块级/行内块级元素。
3.IE6不支持固定定位。

应用场景

1. 导航条的穿透效果
2. 广告
3. 底部返回顶部按钮

4.静态定位

默认元素就是静态定位。

z-index属性

默认情况下所有元素都有一个默认的z-index属性，取值是0。
作用：
z-index属性是专门用于控制定位流元素的覆盖关系的。

注意点：

1. 默认情况下，定位流的元素会覆盖标准流的元素；
2. 默认情况下，定位流的元素后面编写的会覆盖前面编写的；
3. 如果定位流的元素设置了z-index属性，那么谁的z-index属性比较大谁就会显示在上面；
4. 从父现象：如果两个元素的父元素都没有设置z-index属性，那么谁的z-index属性比较大谁就显示在上面；如果两个元素的父元素设置了z-index属性，那么子元素的z-index属性就会失效，也就是说谁的父元素的z-index属性比较大谁就会显示在上面。