Question

我的子菜单遇到问题。这是一个简单的下拉菜单，我有我的帖子，我得到它的工作和所有。问题是，根据我的滚动位置，它有时会到达我的屏幕底部。我正在考虑制作类似于http://9gag.com菜单的菜单，菜单固定在50％的屏幕上。但我想这太复杂了。

我尝试将父菜单z-index设置为较低的值，但它不起作用？我会感谢任何帮助。

.Post .Bottom .nav { 
                            display: block;
                            line-height: 24px;
                            font-weight: bold;
                            margin: -140px 450px 0px; 
                            position: absolute;
                            z-index:2;
                            }

                     .Post .Bottom .nav li.submenu ul { 
                           visibility:hidden;
                           -webkit-padding-start: 0 !important;
                            margin-left: 40px;
                            margin-top: -215px;
                            bottom:100%;
                            background-color: white; 
                            border:1px solid gray;

                             }
                    .Post .Bottom .nav li.submenu:hover ul {
                             visibility: visible }


                    .Post .Bottom .nav li.submenu  ul li { 
                             border-bottom:1px solid gray
                             z-index:10 !important;
                            }

Answer 1

滴水说，在jsfiddle给我们你的代码，这样我们就可以提供帮助。但是从我的头脑中我会说你的问题取决于你的位置：两个菜单都是绝对的。您应该在父菜单上使用position：relative，然后在子菜单上使用position：absolute，以便根据父菜单而不是屏幕放置它。

子菜单在父菜单后面消失

1 个答案: