css - 下拉 - z-index不知何故仍然错了

Question

更改Oxid eshop系统的模板，并以某种方式出现了z-index问题。 理论上一切都是定位的（相对等），理论上下拉有z指数，但实际上，我仍然有问题。

此处可以看到问题，已将下拉列表显示为

http://keith464.fahrradhamburg.de/Regale/Paletten-Regale/Einzelteile-Baukasten/

Answer 1

............................................... ............................

您好现在定义z-index属性就像这样

.listRefine.clear.bottomRound{
position:relative;
z-index:5;
}

这样做你的结果就是这个

或 --------------------------------------- -------------

或者这样做 ------------------------------ -------------

.infogridView > li, .infogridView:after{
overflow:hidden; // remove this line
z-index:1; // remove this line

}

.dropDown ul{
background:#fff; // add this line

}

比你的结果

Answer 2

.listRefine类的z-index设置为1.增加类的z-index。

  

.listRefine {z-index：5; }

我注意到这张图片无法加载

  

background-image：url（“/ bg / svg / grad_grey-light.svg”）;

对于产品的下拉菜单，您需要添加背景颜色或背景图像。