CSS/HTML Dropdown

Question

我並不擅長編碼html或css，所以我需要一些幫助。

總之，當你將鼠標懸停在三角形，這將顯示選項列表（用戶控制面板，私人形式交往，等等）的下拉菜單。使用html，css等來達到這個目的的最好方法是什麼？如果你可以提供代碼，我會很感激。

乾杯，斯賓塞

Answer 1

我不能爲你提供所有的代碼，但在這裏就是我認爲是一個很好的幫助。

<div> 
    Welcome back dude! 
    <div id="triangle"> 
    <div id="menu"> 
     <!-- Here goes the menu links whatever --> 
    </div> 
    </div> 
</div> 

請注意菜單div包含在三角形div中。

然後在你的CSS代碼，寫的是這樣的：

#menu { display:none; position:absolute; } 
#triangle { position:relative; } 
#triangle:hover #menu { display:block; } /* This is what makes the menu show up. When you hover triangle (or anything in it, like menu) then the menu is visible */ 

位置屬性將是#menu不改變其它元素的頁面時，它顯示。

然後，如果需要，您必須對三角形菜單進行調整。