显示层次

之前的例子还是比较简单。稍微复杂一点的就是那个“虎头”做了垂直偏移，并让它和另外一个图片叠加在一起。

如果你在同一个容器中放了比较多的图片或者其他区块，仅仅使用偏移属性还是不够的。例如，在后面即将用到的“微页面”实例中：

这里除了背景图片之外，还用到了4个图片：左上角的花、中间的条幅以及分布在条幅左右两侧的说明文字。这4个图片的摆放不仅要用到偏移属性，还要用到显示层次属性。因为多个图片层叠的时候，必须通过层次来决定谁在上面、谁在下面。在WebBuilderX中，层次属性的值越大，就越显示在上层。

如上图，条幅应该是在最底层，所以其层次值最小（比如1）；左上角的花，设置为2，这个花就会显示在条幅的上层；左右两边的文字图片，可都设为3，因为它们显示在最顶层。

不仅仅是图片，其他页面元素也可以设置层次属性。同样是“微页面”实例中的最后一页，这里的文字就是分别通过文字段落和标题两个组件创建的，只要把它们的显示层次设为最大，同样可以显示在最顶层：