【读CSS规范】关于Z-INDEX

Question

Theorderinwhichtherenderingtreeispaintedontothecanvasisdescribedintermsofstackingcontexts.Stackingcontextscancontainfurtherstackingcontexts.Astackingcontextisatomicfromthepointofviewofitsparentstackingcontext;boxesinotherstackingcontextsmaynotcomebetweenanyofitsboxes.
加黑那句该如何翻译和理解？

Answer 1

需要层叠的元素是指那些z-index不为auto的元素(auto和0是不完全一样，根元素一定会生成一个层叠环境)，一个需要层叠的元素会生成一个层叠环境，一个元素（准确说是层叠环境）把其中需要层叠元素（层叠环境）作为一个整体决定其前后关系。p把ab分别作为一个整体决定其前后关系。根据ab的z-index,要么a在整个b元素的前面，要么在后面，而(黑体文字的意思是)a不会出现在b1b2之间。对于b中的两个元素来说，a就是在其他层叠环境中的(otherstackingcontexts),他不应该出现在b1和b2之间。这是因为b的z-index不为auto，所以b作为一个需要层叠的元素会生成新的一级层叠环境，他作为一个整体决定和a的前后关系。因此，a不会出现在b1b2之间。如果b的z-index为auto，则b不生成层叠环境，这时ab1b2实在同一个层叠环境中，a可以在b1b2之间

Answer 2

翻译:位于其他层叠上下文中的盒子不可能同其任何子盒为邻.理解:分号前面那半句讲的是,一个层叠上下文,即便它包含了子级的层叠上下文,但是对它的父级而言,它应当作为一个单一整体而看待.例如层叠上下文A1有某个子层叠上下文A2,并且A2还包含了A3,A4等,但对于A1而言,不管A3,A4如何,A1只看A2,而无需关心A2内部状况.加粗的这段则是表明,层叠上下文之间只有包含关系(父子)和前后关系(同胞),没有交叉关系.比如另一个层叠上下文B2,A2为其子盒a5建立了层叠上下文,a5就只能从属于A2,不可能跑到B2的层叠上下文里面去.补充:不能把元素之间的关系同层叠上下文之间的关系等同起来.定位元素如果没有设置z-index值则不会创建层叠上下文.所以,如下情况里,a在r所创建的层叠上下文中,并且位于b1b2之间.