See the Pen ELgXJN by Ni (@nisiyu) on CodePen.
前些天做了个网页，tooltip显示时发现tooltip总会盖在别的元素下方，纵使我给tooltip加了很高的z-index，还是会显示在下面。
本以为是第三方组件的问题，但是我发现同样的问题不会在别的地方出现，所以我猜测有某些样式会影响到z-index让其失效，当我一个个style的勾选框去掉时，发现tooltip的父元素去掉transform属性时z-index会失效。这里直接给出codepen。
- 原来我遇到的那个问题是因为用了translate来使元素居中，但其实可以有别的居中方法。所以需要减少不必要的transform。
- 实在难以居中要用这个方式时，还是只能规避，用js去计算位置，就可以避免transform。
- 要用z-index时，需要检查一下代码，父级元素中是否有transform同时出现。