一、问题:
问题背景:在写H5的时候,因为要使z-index:0的红旗这张图片达到飘摇的动效,所以需要加transform:rotateX()rotateY()进行角度旋转转换;
问题出现:动效是有了,但是层级感觉变了,有种变成了z-index:无穷大 的感觉,z-index好像已经失效了。
二、思路:
知道是层级的问题,就找和z-index差不多作用的,此时transform: translateZ()应该是最佳的选择。
三、解决:
把红旗这张图片遮住的图层,添加上transform: translateZ(数值看着给)这个样式,就OK了。