html - CSS Dropdown menu isn't shown even though absolutely positioned because of overflow: hidden -


I am trying to show a dropdown menu on the hover, but I have to apply the overflow too: hidden the original element has gone. As a result, my dropdown is complete, though it is fully deployed, it is not visible (due to overflow: hidden).

I have reproduced the problem there: (you can edit the code to edit the full source code / code)

(small sample)

  # block-paddle-menu-display-first-level. Menuu_wrapper.level-2 {status: absolute; Visibility: hidden; } # Block-pedal-menu-display-first-level Hass-kids: Hover menu. Level -2 {visibility: visible; Padding: 15px 0; Background: black; Width: 300px;   

Under the list item "hover here -...", there is a nested ul that should be shown on the hover.

Needs

  • Overflow: The arrow is required to slip the effect to work / hide on the parent (this test does not work perfectly on the case, but now it is
  • We need the menu background color to expand on the whole page

    Related questions, lake Not 100% equal:

      block-paddle-menu-display-first-level { Overflow: view;}   

    and add display: inline-block; Work your way from that point.

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -