CSS z-index

CSS z-index 属性定义与用法

z-index 属性指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注意： z-index 进行定位元素(position:absolute, position:relative, or position:fixed)。

默认值： auto
继承： no
版本： CSS2
JavaScript 语法： object.style.zIndex="1"

 

CSS z-index 属性值

值 描述
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。
inherit 规定应该从父元素继承 z-index 属性的值。

 

CSS z-index 浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持z-index属性。

注意：IE7和更早的版本不支持"inherit"的值。IE8需要定义！DOCTYPE。IE9支持"inherit"。

 

CSS z-index 实例

设置图像的 z-index：

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

在线运行

 

相关文章

CSS 教程: CSS 定位