为什么这个z-index不起作用？

Question

我有一支笔，我正在搞乱。最后会有一个沿着sun_path div的路径行进的动画太阳，所以当你点击“Make it Shine”时，太阳沿着草地后面的路径向上移动并停在顶点。有问题的3个div是<sky>，<sun_path>和<grass> div。

有人能告诉我为什么太阳路没有显示在草地后面和天空前面吗？

以下是the pen的链接。

Answer 1

你有拼写错误行16和69 CSS：

 position: relative;

不是位置：亲属;