HarmonyOS zIndex不起作用？

Question

容器中的兄弟组件，设置zIndex没有起作用，第二个组件（红色背景）没有覆盖第一兄弟组件，请问是什么原因？

Answer 1

最外层使用的是Column，并不是堆叠组件Stack，在代码中，最外层column里面有两个Column，第一个column高度占了90%，第二个Column占了剩下的10%，所以内层的两个column并不会堆叠在一起，想要覆盖的话外层可以使用Stack组件，参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-service-widget-container-stack-V5

zIndex文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-z-order-V5\#zindex

demo中的zIndex是有效果的，卡片的zIndex属性是1如果把Text('ZIndex改变Z轴')的zIndex的值超过1的话，那么这个text将会在卡片组件的上方，去掉之后起效果是因为卡片本来就是在text之后写入，所以会在text的上层显示，zIndex属性可以在没有Stack的情况下使用。