没有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).