#menu { overflow: hidden; background: #202020;}#menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px; list-style: none; line-height: normal; text-align: center;}#menu li { display: inline-block;}#menu a { display: block; position: relative; padding: 0px 100px 0px 40px; line-height: 70px; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; text-align: center; font-family: 'Varela Round', sans-serif; font-size: 13px; color: rgba(255,255,255,0.5); border: none;}/* Dropdown Content (Hidden by Default) */#menu .dropdown-container{ position: relative;}#menu .dropdown { position: relative; display: inline-block; }#menu .dropdown-content { position: absolute; display: none; background-color: #202020; min-width: 160px; z-index: 9999; box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.5); } /* Links inside the dropdown */#menu .dropdown-cotainter a { color: rgba(255,255,255,0.5); padding: 3px; position: relative; text-decoration: none; display: Block; z-index: 9999; } /* Change color of dropdown links on hover */#menu .dropdown-content a:hover {color: #ddd;} /* Show the dropdown menu on hover */#menu .dropdown:hover .dropdown-content { display: block; z-index: 9999;}當(dāng)我將鼠標(biāo)懸停在鏈接上時(shí),我可以看到菜單的一部分顯示,但不是全部,我認(rèn)為這是因?yàn)槿萜鞲采w了它,但我不知道如何使菜單獨(dú)立或位于要顯示的容器上方。我嘗試將位置更改為絕對位置,但仍然不起作用。有人可以幫我嗎:D
當(dāng)我懸停時(shí)下拉菜單不顯示
哆啦的時(shí)光機(jī)
2023-08-21 17:46:20
