相对于例1,我添加了static的position属性(即html的默认属性),结果和例1是一样的。 综上所述,当某个absolute定位元素的父元素具有position:relative/absolute/fixed时,定位元素都会依据父元素而定位,而父元素没有设置position属性或者设置了默认属性,那么定位属性会依据html元素来定位。 第五部分:重叠的元素--z-index...
提示b:属性值为absolute对象的z-index属性可以设置层叠显示的次序,它是直接有效的;而属性值为relative对象的z-index属性在设置时要小心,把当前对象的z-index设置为-1是不行的,在firefox中它会无法显示,必须设置为0以上,我们如果想让别的对象挡住它,只有将其他对象也设置position为relative,并将z-index属性取一个比...
用z-index此取值方可生效。此属性参数值越大，则被层叠在最上面。例子： .z1,.z2,.z3{position:absolute;width:200px;height:100px;padding:5px 10px;color:#fff;text-align:right;} .z1{z-index:1;background:#000;} .z2{z-index:2;top:30px;left:30px;background:#C00;} .z...