为什么大多数Javascript库甚至框架都设置为z-index 1051的一些元素?为什么到1051?
如果我将z-index 1052设置为某个元素我需要覆盖第一个元素,我错了吗?
答案 0 :(得分:1)
如果我将z-index 1052设置为某个元素我需要覆盖第一个元素,我错了吗?
这个问题无法回答是或否。这取决于堆叠上下文,您的元素是其中的一部分。属性z-index
在其自己的堆叠上下文中完美地运行,但如果在不同的上下文中有两个元素,则将z-index
设置为0,100或9999无关紧要。有多个场景,其中创建了新的堆叠上下文,例如,如果元素具有position: absolute
或relative
。同时设置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降级)。