css中z-index失效的问题

今天用css做一个效果在本地文件的时候是可以实现的，但是在Vue框架的时候就不会出现的大BUG，因为Vue的节点都是渲染出来的，在以下情况会导致z-index失效

1. 父标签 position属性为relative；
2. 问题标签无position属性（不包括static）；
3. 问题标签含有浮动(float)属性。

解决这类问题的方法就比较残忍了，也是三种方式

1. position:relative改为position:absolute；
2. 浮动元素添加position属性（如relative，absolute等）；
3. 去除浮动。

这也是学习中遇到的一个大坑了