z-index问题下拉列表显示在内容下方

时间:2012-12-06 16:50:39

标签: css z-index

在我的生活中无法弄清楚为什么下拉菜单显示在顶层货架上方的物品下面。我的z-index和位置设置正确,我只是遗漏了某些东西或者在错误的地方找到了一些东西。

任何人都可以帮助我。

链接到页面:http://www.chelleon.co.uk/environ-skincare

2 个答案:

答案 0 :(得分:2)

header div上的z-index为z-index:1;

top-shelf-products上的z-index为z-index:1;

将标题的div更改为z-index:2;

答案 1 :(得分:0)

您需要将z-index应用于.header才能实现此功能:

.header {
    .....
    z-index: 1;
}

原因是您想要将z-index放在父元素上的元素没有比出现在所述元素上方的元素更高的z-index ... confused with my text, cus i am!