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