html z-index什么意思

2025-04-13 14:23:06

推荐回答（4个）

回答（1）：

首先说，z-index不是HTML中的标签,而是css中的一个属性。

z-index 属性的意思是：设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。简单的说就是利用这个属性可以把一段文字置于一张图片之上，或者把图片置于文字之上，只要设置好合适的优先级就可以了。

举个实例可以清楚的说明白这个标签，例如：




img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}




这是一个标题

 
默认的 z-index 是 0。Z-index -1 拥有更低的优先级。

效果如下：

回答（2）：

z-index就是说：假如两个元素重叠在一起了，他们的层叠的顺序，你可以这么理解，比如说两张重叠在一起的两张纸，哪个在上面，哪个在下面。很简单了是吧，给你推荐个小文章，相信你会对这个概念了解的更好一点层叠上下文和z-index

回答（3）：

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

回答（4）：

假如两个DIV
位置都是：absolute
坐标一样：

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