css - 无论 z-index 值如何，元素 A 始终在元素 B 下

Question

关于 my page将鼠标悬停在绿色购物车图标(页面右上角)时，其下方会出现一个弹出窗口，另请检查 this screenshot .

出于某种原因，标题下方的大 slider (Revolution Slider)始终位于此弹出窗口底部的上方，无论弹出窗口的 z-index 值如何。因此，如果我将 z-index 设置为 999999999999， slider 仍将位于其上方。因此，我无法轻触弹出窗口底部的按钮。

为什么会这样？

Answer 1

body.home #header {
 z-index: 10;
}

看看是否有帮助。