您的位置:首页 > Web前端 > CSS

CSS中z-index属性具体是什么意思?

2015-10-09 10:29 811 查看
定义和用法z-index 属性设置元素的堆叠顺序。

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

注释:元素可拥有负的 z-index 属性值。

注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

说明该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。

如果为正数,则离用户更近,为负数则表示离用户更远。

默认值:auto

继承性:no

版本:CSS2

JavaScript 语法:

object.style.zIndex="1"实例设置图像的 

z-index:img{

position:absolute;

left:0px; 

top:0px;

z-index:-1;



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

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值值描述auto默认。堆叠顺序与父元素相等。

number设置元素的堆叠顺序。

inherit规定应该从父元素继承 z-index 属性的值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: