关于css 层层叠加的遮盖的问题？

Question

这样三层div 相互盖住，第一层为表面层，三层为背景层；如何使第一层盖住第二层，却不盖住第三层？（注意：因为第二层和第三层都是动画效果，没法通过设置背景图片实现）

Answer 1

可以考虑用canvas动画做背景层

Answer 2

设置不同的z-index?

Answer 3

最好贴下布局和ui界面

Answer 4

不复杂gif图，背景图也可以实现……如果不考虑兼容性的话。

CSS揭秘里面有介绍，这是我搜索的文章