从左开始*/position: relative;/*相对自己原来的位置进行定位*/left:200px;/*相对原来的位置向右移动200px*/z-index:2;/*比较z-index后面的两个数,谁的数字大就显示谁,也可以是负数*/}#d2{width:200px;height:200px;background
5.2 堆叠顺序(z-index) 【这里的重叠,不区分相对定位、绝对定位,遵循后来者居上,以及z-index的原则。】 在使用定位布局时,可能会出现盒子重叠的情况。 加了定位的盒子,默认后来者居上, 后面的盒子会压住前面的盒子。 应用z-index 层叠等级属性可以调整盒子的堆叠顺序。如下图所示: z-index 的特性如下: 属性值:...
提示a:苏昱的CSS2.0手册中提到relative和absolute定位的滚动条区别不是绝对的,至少在firefox、opera和safari中滚动条该出现还是会出现。 提示b:属性值为absolute对象的z-index属性可以设置层叠显示的次序,它是直接有效的; 而属性值为relative对象的z-index属性在设置时要小心,把当前对象的z-index设置为-1是不行的,在...
left: 200px;/*相对原来的位置向右移动200px*/ z-index: 2;/*比较z-index后面的两个数,谁的数字大就显示谁,也可以是负数*/ } #d2{ width: 200px; height: 200px; background-color: green; float: left; position: relative;/*必须写这行代码,否则不执行z-index*/ z-index: 1; } 1...
你对CSS中的position定位和z-index属性的用法是否了解,position属性中static、absolute、relative三个参数,这里和大家分享一下其用法。 深入理解CSS中的position定位和z-index属性 由于平时不太用到,所以过去写CSS的时候对于position属性的absolute、relative值理解比较模糊,对于z-index的层叠更是摸不着头脑,除了理解的因素...