z-index的用法_z-index的属性

假如两绝衡个DIV

位置都是：absolute

坐标一样竖宏派余贺：

那么z-index大的DIV就会在前面

部件显示在屏幕上时，迭放的次序，数字大的放在数字小的上面。

当你定义的CSS中有position属性值为absolute、relative或fixed，

用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;}

.z3{z-index:3;top:60px;left:60px;background:#999;}

宽兆

z-index:1

z-index:2

z-index:3

上面三个CSS，将根据z-index的值决定谁在最上层！

在style里设升蠢置该拿绝值吵敏陪,实现层的交错覆盖效果

如: style="z-index : 0"

z-index 用在绝对定慎汪位的容器上。不是绝对定位的容器用这个样手桥式是没有用的。

z-index 的值大的容器会叠在z-index 的值小的容器上面。比如毕孝猛一个窗口弹出覆盖另一个窗口。

.testCss

{

position:absolute;

left:0px;

top:0px;

z-index:-1;

}

以上就是土嘎嘎小编大虾米为大家整理的z-index的用法_z-index的属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助，不要忘记讲本站分享给您身边的朋友哦！！