好吧..我在谷歌搜索:
什么是z指数?
z-index属性指定元素的堆栈顺序.
堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面.
注意:z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定). Answer Source
z-index使用什么?
元素彼此重叠的顺序.
为此,您可以为每个元素分配一个数字(z-index).系统是具有较高编号的元素与具有较低编号的元素重叠. Answer Source
好吧,我现在明白了,它组织了元素,我们可以使用任何数字…更高的z-index数字出现在所有元素上……很好.
z-index and jquery ..非常简单,非常好
…但我从答案中注意到它取决于位置属性,所以 – > …(谷歌)..
z指数和头寸之间有什么关系?
好的…所以z-index和位置是一对……必须在一起..
需要更多信息::
它会在浏览器中产生任何冲突(IE7,IE8,chrome等)吗?
什么是z-index使用或者我们可以用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本身很重要.