子菜單消失在父菜單後面

我遇到了子菜單問題。這是一個簡單的下拉菜單，我旁邊有我的帖子，我得到它的工作和所有。問題是，根據我的滾動位置，它有時會到達我的屏幕底部。我正在考慮製作類似於http://9gag.com的菜單，其中菜單在屏幕的50％處固定。但我想這太複雜了。子菜單消失在父菜單後面

我試圖設置父菜單z-index到一個較低的值，但它沒有工作？我會很感激任何幫助。

這裏的小提琴：http://jsfiddle.net/HyKuR/

.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; 
          }

來源

2013-07-13 user2534878

如果你用一些html製作一個JSfiddle，所以我們可以幫助你，因爲只有CSS只給我們衣服，但我們仍然不知道穿着它們的女孩看起來如何喜歡。 :) – drip

謝謝，我現在瞭解到:)女孩的隱喻很好，這裏的http://jsfiddle.net/HyKuR/ – user2534878

滴水說給我們在的jsfiddle你的代碼，所以我們可以提供幫助。但是從我的頭頂開始，我會說你的問題在你的位置上：絕對在兩個菜單上。您應該在父菜單上使用position：relative，然後在子菜單上使用position：absolute，以便根據父菜單而不是屏幕進行放置。

來源

2013-07-13 08:45:45 Dolchio

我避免了這個解決方案，因爲它弄亂了我的其他內容。但我解決了這個問題，你的答案奏效:)謝謝！ – user2534878

子菜單消失在父菜單後面

回答

相關問題