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
Post a Comment