inline-block与block元素都是普通元素，没有定位也没有其他CSS3属性。于是它们都属于html这个天然的根层叠上下文元素中。那么它们的层叠水平是遵循7阶层叠顺序的。文中又说了inline-block和block元素的层叠顺序是同阶的，那么应该遵循后来居上原则。背景色应该按照后来居上原则从而block元素的背景色应该在inline-block元素之上才对。实际效果为什么不是这样呢？

问题就是如何理解背景色是层叠顺序，而不是后来居上的准则呢？如果按照层叠顺序，又是如何得出第一个元素的背景色能覆盖第二个元素的背景色呢？

根据我在chrome浏览器中的测试，我将这两个元素的顺序倒过来，也就是先有block元素，再有inline-block元素。那么会发现inline-block元素的背景色覆盖了block元素的背景色。这和前面的案例中效果一致。那么应该说inline-block元素的层叠顺序应该高于block元素的层叠顺序。从而按照层叠顺序出现inline-block元素的背景色覆盖了block元素的背景色。

哪有同学能帮忙解释一下吗。这里有些不明白。