没有z-index的堆叠？

Question

我搜索了很多关于如何在没有z-index的情况下堆叠HTML元素，但是找不到具体的东西。 我确实发现没有z-index的堆叠按照HTML外观的顺序发生。

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

<div>
    <div id"div1" style="position:absolute"></div>
    <div id"div2" style="position:absolute"></div> 
</div>

对于两个div，即div1和div2， left和width的值是相同的。 根据我对CSS行为的理解，div2应该总是与div1重叠。 'div1'与'div2'重叠的可能性是多少？

Answer 1

在您的示例中，根据您引用的文档，两个div元素都已定位但没有z-index，因此具有相同的优先级（注意：它们具有比未定位元素更高的堆叠顺序）。 这意味着它们按照它们在标记中出现的顺序堆叠，最后声明的元素具有最高的堆叠索引。

因此，根据这一定义，有没有机会 ， div1上方会出现div2 。

有关更多信息，请参阅堆栈上下文中的W3C CSS2规范。 特别注意第8点 ：

所有定位的后代都带有'z-index：auto'或'z-index：0'，按树顺序排列。

基本上，源中定义的顺序是堆叠顺序（不指定z-index等于z-index: auto ）。

Answer 2

如果将两个DIV的左侧和顶部属性设置为相同，则第二个DIV将始终与第一个DIV重叠。

多数民众赞成我所知道的。