您现在的位置是：网站首页> 编程资料编程资料

CSS3关于z-index不生效问题的解决css之Display、Visibility、Opacity、rgba和z-index: -1的区别解决CSS中子元素z-index与父元素兄弟节点的层级问题css 层叠与z-index的示例代码z-index为负值的元素无法点击到的解决方法CSS z-index 层级关系优先级的概念css z-index层重叠顺序使用介绍css中z-index: 0和z-index: auto的区别

2023-10-18 232人已围观

简介这篇文章主要介绍了CSS3关于z-index不生效问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

最近写CSS3和js结合，遇到了很多次z-index不生效的情况：

1.在用z-index的时候，该元素没有定位（static定位除外）

2.在有定位的情况下，该元素的z-index没有生效，是因为该元素的子元素后来居上，盖住了该元素，解决方式：将盖住该元素的子元素的z-index设置为负数

下拉框例子：

1.盖住的时候：

2.将下拉框的z-index设置为负数

代码：

无标题文档一级菜单 二级菜单
二级菜单
二级菜单
一级菜单 二级菜单
二级菜单
二级菜单
一级菜单 二级菜单
二级菜单
二级菜单

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。