要实现DIV重叠,并改变实现DIV盒子层叠重叠顺序, 使用position实现绝对定位 对父级使用 position:relative 对子级使用 position:absolute 加上 left,right,top,bottom 实现子级在父级内任意定位。 在原始情况下重叠是按DIV代码本身顺序排列,越后输入的DIV盒子其越靠前(浮在上面)。 z-index 实现DIV层排列顺序,值为正整数值,数字越大对应对象层越浮上层(越靠前)
position: relative;
我背景为红色 position: absolute;
我背景为黄色 position: absolute;
我背景为蓝色 position: absolute;
position:relative;
我背景为红色 position: absolute; z-index: 100;
我背景为黄色 position: absolute; z-index: 80;
我背景为蓝色 position: absolute; z-index: 70;