解决‘底层的图层经过transform:rotate转换后，覆盖住高图层’的问题

一、问题：

         问题背景：在写H5的时候，因为要使z-index:0的红旗这张图片达到飘摇的动效，所以需要加transform:rotateX()rotateY()进行角度旋转转换；

         问题出现：动效是有了，但是层级感觉变了，有种变成了z-index：无穷大 的感觉，z-index好像已经失效了。

二、思路：

      知道是层级的问题，就找和z-index差不多作用的，此时transform: translateZ()应该是最佳的选择。

三、解决：

      把红旗这张图片遮住的图层，添加上transform: translateZ(数值看着给)这个样式，就OK了。