关于.... Z-Index?

jjj*_*jjj 7 html javascript css vb.net z-index

这个属性让我感到困惑.

好吧..我在谷歌搜索:

什么是z指数?

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

z-index使用什么?

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

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

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

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

z-index和position之间有什么关系?

演示 - > >> 来源

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

需要更多信息::

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

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

...等等?

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

提前致谢.

Rob*_*ine 6

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

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

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

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

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

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

  • 当你说“更重”时,我认为你的意思是“它是否使它更重量级/更慢”。事实是我从来没有检查过它是否会减慢渲染(或增加内存使用量)以拥有许多堆叠上下文,但即使它确实如此(我不确定它是否确实如此),我希望效果非常小. 一般来说,无论如何,您的页面最终不会有太多的堆叠上下文。如果您必须到处设置 z-index,这可能表明页面需要重新设计。一般来说,即使在内容重叠的复杂页面上,我也只在少数地方设置 z-index。 (2认同)