隐藏在div后面的Wordpress菜单下拉菜单

Question

我为Wordpress网站http://www.bassetandbeagle.org/adoptionapplication/创建了一个表单，在CSS代码中我将div位置设置为绝对值，以便表单可以在移动设备上缩放。

#formContainer {
min-width: 950px;
max-width: 950px;
padding: 10px;
position: absolute;
z-index: -1; }

现在，表单上方的下拉菜单隐藏在它后面。

我试图为菜单设置更高的z-index：

.nav-menu{
position: relative;
z-index: 1; }

但这没有明显效果。我试过1,100,1000 ...... nada

通过将.nav-menu更改为position：absolute，我能够再次显示下拉列表。不幸的是，这搞砸了页面上菜单的位置。

根据我读过的其他帖子，我很确定我在z-index属性的正确轨道上。那么，我在这里做错了什么？

THX

Answer 1

以下是您的问题的解决方案 -

<强> CSS：

style.css行：1431

.site {
    margin: 0 auto;
    max-width: 68.5714rem;
    /*overflow: hidden;*/  /* remove this css rule and you will see the dropdown menu*/
}

注意：检查您的.site班级所在的网站，并根据需要在css中进行更改。

屏幕截图：

Answer 2

从position: absolute删除#formContainer。