HTML – 没有z-index的堆叠？

概述我搜索了很多关于如何在没有z-index的情况下堆叠 HTML元素,但是找不到具体的东西.我确实发现没有z-index的堆叠按照HTML外观的顺序发生. https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/Stacking_without_z-index 此规范对IE有效吗？我有两个div包含在另一个div中.两个d 我搜索了很多关于如何在没有z-index的情况下堆叠 HTML元素,但是找不到具体的东西.我确实发现没有z-index的堆叠按照HTML外观的顺序发生.

https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/Stacking_without_z-index

此规范对IE有效吗？我有两个div包含在另一个div中.两个div都有绝对的位置：

<div>    <div ID"div1" ></div>    <div ID"div2" ></div> </div>

对于两个div,即div1和div2,左边和宽度的值是相同的.根据我对CSS行为的理解,div2应该总是与div1重叠. ‘div1’与’div2’重叠的可能性是多少？

解决方法 在您的示例中,根据 document you’ve referenced,两个div元素都定位但没有z-index,因此具有相同的优先级(注意：它们具有比未定位元素更高的堆叠顺序).这意味着它们按照它们在标记中出现的顺序堆叠,最后声明的元素具有最高的堆叠索引.

因此,根据该定义,div1不会出现在div2之上.

有关更多信息,请参见W3C CSS2 specification on stacking context.特别注意第8点：

All positioned descendants with ‘z-index: auto’ or ‘z-index: 0’,in tree order.

基本上,源中定义的顺序是堆叠顺序(不指定z-index等于z-index：auto).

总结

以上是内存溢出为你收集整理的HTML – 没有z-index的堆叠？全部内容，希望文章能够帮你解决HTML – 没有z-index的堆叠？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。