css的z-index属性

原创

zhang_jip 2012-09-27 23:11:29 博主文章分类：jQuery ©著作权

文章标签 的 div absolute relative position 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者zhang_jip的原创作品，请联系作者获取转载授权，否则将追究法律责任

因为显示器显示图层是平面的，为了立体显示div，可以用z-index定义div叠放的层次结构，z-index的值越大，表示离用户的距离越近，越小则越远。如果两个层具有相同的z-index值，则后来居上。

特别需要注意的一点是：如果想要设置z-index属性，必须同时将它的位置属性position显式设置为fixed,relative或者absolute之一。

上一篇：linux中的shadow文件以及所采用的加密算法

下一篇：fedora安装KDE桌面环境

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

CSS的圆角属性（border-radius）

圆角属性在前端的应用范围较广，在高级感的塑形上必不可少。下面就跟我一起了解圆角属性的具体语法、应用、及注意事项。

html css
【CSS浮动属性】别再纠结布局了！一文带你玩转CSS Float属性

在网页设计的世界里，CSS浮动属性（float）就像一把双刃剑。它能够让元素脱离文档流，实现灵活的布局，但如果处理不当，也可能引发一系列布局问题。今天，我们就来深入探讨这把“剑”的正确使用方法，让你的页面布局既美观又稳定。一、什么是CSS浮动属性浮动属性是CSS中的一个定位属性，它允许元素脱离文档流，并向左或向右移动，直到它的外边缘碰到包含框或者另一个浮动元素的边缘。简单来说，它就像是让元素

文档流 CSS 侧边栏
全新的 display 属性

1.display 多值语法介绍display 属性具有相当强大的功能，除了显示某个内容与页面上其他方框的关系是块级还是行内级外，它还能显示应用该属性的方框内部的格式上下文。为了更好地描述这种行为，display 类型被分为外部显示类型和内部显示类型两部分：外部显示类型：决定了主方框本身如何参与流程布局。内部显示类型：决定了其后代框的布局方式（被替换的元素除外，这一点比较复杂）

边距 Chrome 映射关系
【css】 div z-index 属性

css_testbody{ margin:0px; position: relative; left:0px; top:0px;}#a { width: 200px; height: 200px; background: #ddd; position: absolute; left:0px;

css html HTML
css z-index

注意： 1、z-index的值与大则越近 2、z-index要想生效，必须先定位 3、默认自定义z-index，而不是使用默认的值

css
css：z-index

针对position:absolute;解决position:relative;z-index固定定位层级显示问题

z-index css
z-index 属性

定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！实例设置图像的 z-index：img { position:absolute; l

浏览器 Internet Explorer absolute position
z-index 属性无效

z-index只能在position属性值为relative或absolute或fixed的元素上有效。

z-index 属性值
css z-index 定位值

一，z-index解释这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的，只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z

css
CSS z-index 重叠排序

CSS z-index 重叠排序一、z-index语法与结构二、z-index使用条件三、案例

css3 定位 z-index css CSS
css样式表中的z-index属性

说起Z-index属性它只能在给定的环境下才工作。Z-index属性也肯定的比其他任何属性都会频繁的导致（兼容性）上的混乱，一旦你真正理解了Z-index属性，你会发现它却是一个非常方便且容易使用的属性。 Z-index属性决定了一个HTML元素的层叠级别。元素层叠级别是相对于元素在Z轴上（与X轴Y轴相对照）的位置而言。一个更高的Z-index值意味着这个元素在叠层顺序中会更靠

职场休闲 z-index属性
详解CSS的z-index属性（带图片解析）

个人总结的CSS的z-index属性，很通俗易懂，有图解说明。

css w3c z-index html+css javaweb
CSS|重叠元素z-index

CSS|重叠元素z-index元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素，z-index属性指定了一个元素的堆

html css z-index 文档流
css中的position定位和z-index属性

[url]http://kuangbaoxu.iteye.com/blog/194437[/url]z-index 属性简介 z-index : auto | number auto: 默认值。 number: 无单位的整数值，可为负数。 [color=red][b]z-index 值较大的元素将叠加在 z-index 值较小的元素之上。对于未指定此属性的定位对象，z-index 值为

人工智能控件浏览器版本 HTML
CSS : 使用 z-index 的前提

使用 z-index 前，需要将元素定位设置为 position : relative .

css
CSS z-index 属性

定义和用法z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！说明该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。默认值：auto继承性：no

css 属性设置属性值 html 默认值
[CSS] z-index

Z-index cannot be added to static position DOM element. All the DOM element by default is static position. So if you have to add z-index, you can add ...

其他
全透视:CSS Z-index 属性

感觉后面的Demo很不错，特此收藏。。。翻译来源：堂主的博客非常好的一篇技术文档，翻译自Louis Lazaris 工作。

css firefox 下拉菜单边距开发者
深入理解 CSS 属性 z-index

css3 css 硬件加速背景色微信
css 中的z-index

css中z-index属性在做项目时，常常会用到弹出一个层，然后在这个层上进行操作，操作完成时就关闭弹出层，或者点击别的地方进行关闭层。通常都会在p样式中设置z-index的值，比如父层设置z-index:100，子层就设置大于100，起到弹出父层时，子层能够显示。例如（简单写一下）： <p sty

弹出层 ide jquery 事件触发 css

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯