CSS | z-index 属性

z-index 属性用于在 z 轴上移动元素，即在屏幕内或屏幕外。如果元素相互重叠，它用于定义元素的顺序。

句法：

z-index: auto|number|initial|inherit;

属性值：

• auto：堆栈顺序与父级相同(默认)。
• number：堆栈顺序取决于数量。
• initial ：将属性设置为其默认值。
• 继承：从父元素继承属性。

示例 1：

  

    
    

  

  
    
GeeksforGeeks
    
    
This example shows the use of z-index property.

  

输出：

示例 2：

  

    
    

  

  
    
GeeksforGeeks
    
    
This example shows the use of z-index property.

  

输出：

在示例 1 中，z-index 设置为 -1，因此图像显示在文本后面，但在示例 2 中，当 z-index 设置为 +1 时，图像隐藏文本。

支持的浏览器： z-index属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 边缘 12.0
• 火狐 1.0
• 歌剧4.0
• 苹果 Safari 1.0