css中z-index失效的问题

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

父标签 position属性为relative;

问题标签无position属性(不包括static);

问题标签含有浮动(float)属性。

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

position:relative改为position:absolute;

浮动元素添加position属性(如relative,absolute等);

去除浮动。

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

你可能感兴趣的:(css中z-index失效的问题)