javascript – 关于… Z-Index?

这个属性让我感到困惑.

好吧..我在谷歌搜索

什么是z指数?

z-index属性指定元素的堆栈顺序.
堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面.
注意:z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定). Answer Source

z-index使用什么?

元素彼此重叠的顺序.
为此,您可以为每个元素分配一个数字(z-index).系统是具有较高编号的元素与具有较低编号的元素重叠. Answer Source

好吧,我现在明白了,它组织了元素,我们可以使用任何数字…更高的z-index数字出现在所有元素上……很好.

z-index and jquery ..非常简单,非常好

…但我从答案中注意到它取决于位置属性,所以 – > …(谷歌)..

z指数和头寸之间有什么关系?

demo–>>> source

好的…所以z-index和位置是一对……必须在一起..

需要更多信息::

它会在浏览器中产生任何冲突(IE7,IE8,chrome等)吗?

什么是z-index使用或者我们可以用z-index做什么(取决于标签)?

…等等?

如果我理解错了,请纠正我

提前致谢.

解决方法

Z-index是确定哪个html元素在重叠时出现在antoher html元素顶部的属性.基本思想是具有最高z-index的元素是“在顶部”.

认情况下,元素的z-index为零,但是如果它们重叠,则将一个元素的css属性设置为1,将另一个元素的css属性设置为5将使后一个元素位于前者的“顶部”.

到目前为止,这么简单,但有几点需要注意.

正如在另一个答案中已经提到的那样,其中一个是z-index仅在元素定位为绝对位置,固定位置或相对位置时才有效. (即css属性“position”).未定位元素的z-index为零.

使事情进一步复杂化(根据我的经验,通常不被理解的区域)是堆叠上下文的概念.更多信息可以在诸如this之类的文章中找到.简而言之,每次您明确地设置新的z-index时,都会启动一个新的堆叠上下文.设置了z索引的子元素现在处于这个新的陈述上下文中,该上下文可能高于或低于另一个未释放元素的堆叠上下文.

这种堆叠环境意味着什么?这意味着z-index为100的元素不一定位于z-index为1的元素之上.如果它们位于不同的堆栈上下文中,则只有堆栈上下文的z-index本身很重要.

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...