关于…Z-Index？

Question

此属性使我感到困惑。

好..我在谷歌搜索：

什么是Z索引？

_z-index属性指定元素的堆栈顺序。具有较高堆叠顺序的元素始终位于具有较低堆叠顺序的元素之前。注意：z-index仅适用于定位的元素（position：absolute，position：relative或position：fixed）。

z-index的用途是什么？

_元素彼此重叠的顺序。 为此，可以为每个元素分配一个数字（z索引）。系统是具有较高编号的元素与具有较低编号的元素重叠。

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

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

…但是我从答案中注意到它取决于position属性，所以-> …（google）..

z索引和位置之间有什么关系？

好的，所以z-index和position必须是一对。

需要更多信息::

会在浏览器中造成任何冲突（IE7，IE8，chrome等）？

z-index的用途是什么？我们可以使用z-index做什么（取决于标签）？

…等等？

如果我理解不对，请纠正我…

提前致谢。

Answer 1

Z-index是确定哪个html元素重叠时出现在另一个html元素上方的属性。基本想法是，具有最高z-index的元素是“在顶部”。

默认情况下，元素的z索引为零，但是如果将一个元素的css属性设置为1，将另一个元素的css属性设置为5，则如果它们重叠，则后一个元素将位于前者的“顶部”。

到目前为止，如此简单，但是有几件事情需要注意。

正如在另一个答案中已经提到的那样，一个问题是，仅当元素以绝对，固定或相对位置定位时，z-index才起作用。（即CSS属性“
position”）。未定位的元素的z索引为零。

使事情进一步复杂化（以我的经验，这通常是不被理解的领域）是堆栈上下文的概念。更多信息可以在文章中找到如这个。简而言之，每次您明确设置新的z-
index时，都会启动新的堆叠上下文。现在，在其上设置了z-index的所有子元素都在此新的堆栈上下文中，该上下文可能在另一个不相关元素上的堆栈上下文之上或之下。

此堆叠上下文是什么意思？这意味着z索引为100的元素不一定在z索引为1的元素之上。如果它们在不同的堆叠上下文中，则仅堆叠上下文的z索引本身很重要。