小编典典

关于…Z-Index?

javascript

此属性使我感到困惑。

好..我在谷歌搜索:

什么是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做什么(取决于标签)?

…等等?

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

提前致谢。


阅读 358

收藏
2020-05-01

共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索引本身很重要。

2020-05-01