CSS2 定位 z-index

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

z-index: auto | <integer>

默认值auto

取值:

auto:
遵从其父对象的定位
<integer>
用整数值来定义堆叠级别。可以为负值。

说明:

检索或设置对象的层叠顺序。
  • 并级的对象,此属性参数值越大,则被层叠在最上面。
  • 如两个对象的此属性具有同样的值,那么将依据它们在HTML文档中流的顺序层叠,写在后面的将会覆盖前面的。
  • 必须定义position属性值为absolute、relative或fixed,此取值方可生效。
  • 对应的脚本特性为zIndex

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0 4.0 5.1 13.0 11.50

示例: