CSS参考手册
»
属性列表
»
定位属性
»
相关内容：
其它定位属性参考
选择其它项
position
z-index
top
right
bottom
left
z-index
版本：CSS2
继承性：无
语法：
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
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>CSS z-index_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="phpstudy.net" /> <meta name="copyright" content="www.phpstudy.net" /> <style> .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;} </style> </head> <body> <div class="z1">z-index:1</div> <div class="z2">z-index:2</div> <div class="z3">z-index:3</div> </body> </html>