Z索引下拉菜单

Question

我在哪里放置正确的z-index css代码时遇到了问题。

我的下拉菜单不在所有内容之上，您可以在此处看到：http://bit.ly/18j63r4

我试图在任何地方添加z-index代码，但它似乎对我不起作用。

希望你能帮助我！

（因为我正在使用电子商务标准平台，所以无法访问所有css代码.z索引代码需要放在.dropdown或.kolommen css代码中的某处。 在此先感谢）

Answer 1

您z-index:999内的 <div class="nav"> 已<div class="product" id="filterContainer">。只需将其删除，下拉菜单就会显示在它上面。

修改

由于您无法访问所有代码（也许您可以在css中覆盖它？），很难帮助您。如果可以，请将z-index:1000设置为#header-modules .h-left { z-index: 1000; }

Answer 2

从

中删除现有的z-index

#filterContainer .nav {
}

让它发挥作用......

z-index仅适用于定位元素

也是值得的

Answer 3

'＃header_2_inner'为此元素添加属性

{position: relative;
z-index: 9999;} 

它会帮助你

或

#filterContainer .nav {
   font-size: 11px;
   position: relative;
   z-index: 999;
}

添加z-index：2

#filterContainer .nav {
font-size: 11px;
position: relative;
z-index: 2; 
}