我有一个奇怪的情况,弹出菜单消失在我网站页面顶部的购物车栏下。弹出菜单设置为 z-index:9999,栏设置为 99,但栏正在呈现在弹出菜单的顶部。是否有其他系统可以覆盖定位块级元素的 z-index 堆叠,如果是,我该如何调整它?
这是http://procadsys.worldnz.co.nz/component/mijoshop/account/login的页面示例
任何关于为什么会发生这种情况的想法将不胜感激。
我有一个奇怪的情况,弹出菜单消失在我网站页面顶部的购物车栏下。弹出菜单设置为 z-index:9999,栏设置为 99,但栏正在呈现在弹出菜单的顶部。是否有其他系统可以覆盖定位块级元素的 z-index 堆叠,如果是,我该如何调整它?
这是http://procadsys.worldnz.co.nz/component/mijoshop/account/login的页面示例
任何关于为什么会发生这种情况的想法将不胜感激。
这是因为该#Menu-Bar
元素的z-index
. 将其更改为9999
,您的初始问题就解决了。
考虑到这将为它的孩子position:relative
保留这个z-index
,所以如果最顶层的父元素低于另一个竞争相同级别的元素,它将被放置在下面,即使一个孩子声称z-index
比元素链之外的另一个元素更大。相对的就是相对的,换句话说。因此9999
,您拥有它的方式仅适用于您当前为其设置父项的 中的9999
任何项目。z-index
50
删除, , ,元素z-index
上的所有样式,它工作正常。#header_oc
#cart
#search_oc
#welcome