CSS 参考手册 目录

CSS z-index 属性

在网页开发中,z-index 属性用于控制元素在层叠顺序中的位置。当多个元素重叠在一起时,z-index 属性可以决定哪个元素显示在最前面。

语法

-------- ----------------------------
  • auto:默认值,元素的堆叠顺序由元素在 HTML 文档中的位置决定。
  • number:指定元素的堆叠顺序,数值越大,显示在越上面。
  • initial:将属性设置为默认值。
  • inherit:继承父元素的 z-index 值。

示例

----- -
  -------- --
-

----- -
  -------- --
-

----- -
  -------- --
-

在上面的示例中,.box3 会显示在最前面,因为它的 z-index 值最大。

注意事项

  • z-index 只对定位元素有效,即设置了 position 属性值为 relative、absolute、fixed 或 sticky 的元素。
  • z-index 只在同一个堆叠上下文中生效,如果元素不在同一个堆叠上下文中,z-index 属性可能会失效。

以上就是关于 CSS 属性 z-index 的介绍,希望对你有所帮助。


上一篇:CSS 属性 word-wrap
下一篇:CSS 属性 writing-mode