html – CSS – Z-index不适用于相对和绝对的头寸
发布时间:2020-12-14 23:11:50 所属栏目:资源 来源:网络整理
导读:我使用纯css3制作了下拉菜单,但是一个属性(z-index)没有按照我的预期工作,这是一个非常大的问题,因为下拉列表正在下降菜单.理想情况下,它必须在菜单下删除.我整天试图对这个问题做些什么,但遗憾的是无法理解,所以现在寻求帮助 我为问题项目制作了不同的背景
我使用纯css3制作了下拉菜单,但是一个属性(z-index)没有按照我的预期工作,这是一个非常大的问题,因为下拉列表正在下降菜单.理想情况下,它必须在菜单下删除.我整天试图对这个问题做些什么,但遗憾的是无法理解,所以现在寻求帮助…… 附:我已经尝试使用jQuery slideDown / slideUp属性创建此菜单,但它们看起来不像理想的幻灯片效果(如我的示例中所示).它们看起来更像拉伸,而这不是我想要的…… EXAMPLE ON JSFIDDLE
最佳答案
问题是当你设置z-index:999时,你在.menu_wrapper上是establishing a stacking context.当建立堆叠上下文时,你不能将后代元素放在祖先后面.
从.menu_wrapper中删除z-index:999:
然后将.sub-menu上的z-index从1更改为负数,例如-1: Updated Example
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |