1

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

#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 属性的正确轨道上。那么，我在这里做错了什么？

谢谢

4

2 回答 2

3

这是您的问题的解决方案-

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 中进行更改。

截屏：

在此处输入图像描述

于 2013-03-23T13:47:29.943 回答
0

position: absolute从中删除#formContainer。

于 2013-03-23T13:34:49.860 回答