为什么很多JavaScript库的z-index为1051?

时间:2017-10-26 07:25:49

标签: javascript css z-index

为什么大多数Javascript库甚至框架都设置为z-index 1051的一些元素?为什么到1051?

如果我将z-index 1052设置为某个元素我需要覆盖第一个元素,我错了吗?

2 个答案:

答案 0 :(得分:1)

  

如果我将z-index 1052设置为某个元素我需要覆盖第一个元素,我错了吗?

这个问题无法回答是或否。这取决于堆叠上下文,您的元素是其中的一部分。属性z-index在其自己的堆叠上下文中完美地运行,但如果在不同的上下文中有两个元素,则将z-index设置为0,100或9999无关紧要。有多个场景,其中创建了新的堆叠上下文,例如,如果元素具有position: absoluterelative。同时设置opacity会创建一个完整的新堆叠上下文。要了解有关堆叠上下文的详细信息,请阅读此Documentation Page

不幸的是,我不知道为什么在你提到的图书馆中它被设置为1051,但至少我可以告诉你,为什么z-index; 1052可能会胜利地工作

修改 我用Google搜索了一下,因为我发现这个问题至少很有趣,即使它不符合SO规则。似乎Bootstrap Modals的z-index为1050,因此每个元素(可能必须覆盖模态本身)必须具有更高的z-index。这只会导致一个问题,为什么模态的z-index为1050。

Here是指向z-index bootstrap规范的链接。如您所见,它们从1000开始,并为每个元素增加z-index 10,必须与前一个元素重叠,所以我想它只是一种Bootstrap Code Convention,它在其他库中具有级联效应。或者Bootstrap是因为它自己使用的库而做到的。现在我们有一个"鸡蛋问题"。

答案 1 :(得分:0)

这是为了确保这些"一些元素"覆盖周围的内容。它从1000+开始,为您提供空间,以防您自己使用z-index(0到xxx降级)。