如何z-index实际上工作吗？
它是否对未指定的元素起作用position？
它是否支持具有指定的元素（即将它们放在顶部）position?
像这样的数字必须是负数吗？
<div style='z-index:-2;'>below</div>
<div style='z-index:-1;'>less below</div>
<div style='z-index:0;'>on top</div>
或不？所有正数（值递增）最终都会最后一个在顶部，中间一个在中间，第一个在底部吗？
负整数和正整数都是允许的。
必须在元素上设置位置。
不过，在详细介绍这些细节之前，让我先解释一下z-index从头开始。
每个网页都由所谓的堆叠上下文组成。从字面上看，您可以将它们视为一堆元素。 z-index 属性决定每个堆栈中项目的顺序，较高的 z-index 放置得更靠上。
所有页面都以根堆叠上下文开始，它从根元素构建（如您所期望的）。但可以通过多种方式创建更多堆叠上下文。一种方法是绝对定位的 div；它的子级将处于新的堆叠上下文中。
规格 http://www.w3.org/TR/CSS2/visuren.html#z-index列出创建新堆叠上下文的所有实例。正如其他人所说，这包括明确地定位元素，并且很快将包含并非完全不透明的元素。
正如我之前所说，z-index仅当您明确地设置元素的位置。这意味着将其设置为fixed, absolute, or relative。我认为，最好通过例子来说明这一点。
在这个例子中 http://jsfiddle.net/gYaVF/，鉴于其 z 索引，我们预计蓝色 div 位于灰色 div 之上，对吗？但是，正如您所看到的，它位于底部。当然，这是因为我们还没有确定它的位置。一旦我们这样做了 http://jsfiddle.net/zTR5Q/它按我们的预期显示。再次强调，你必须设置位置.
规格还告诉我们负值是可以的。话虽如此，你不need使用负值。使用正整数也完全没问题。默认z-index元素的值为 0。
根据记录，w3schools 是出了名的不可靠的学习来源。虽然它是一种快速方便的资源，但其信息存在很多空白，有时甚至是错误的信息。我建议您使用更可靠的来源，例如Mozilla 开发者网络 https://developer.mozilla.org/en-US/，并且规格本身 http://www.w3.org/Style/CSS/Overview.en.html.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
