試圖添加超鏈接到導航菜單

我很喜歡Codepen.io上的這個導航菜單，我喜歡它，但我不確定如何添加超鏈接到菜單。有人能幫我看看嗎？ https://codepen.io/bennettfeely/pen/wWVZAW?q=menu+with+mix&limit=all&type=type-pens 試圖添加超鏈接到導航菜單

<div class='menu closed'><div class="logo"><img src="img/Menulogo.png" width="30" height="30"></div><div class='messages button'></div><div class='music button'></div><div class='home button'></div><div class='places button'></div><div class='bookmark button'></div><div class='main button'></div</div>

來源

2017-09-23 Christopher Billups

添加超鏈接，表示該按鈕的<div>左右。

<div class='menu closed'> 
     <a href="url"><div class='messages button'></div></a> 
     ... 
    </div>

來源

2017-09-24 01:40:28

該解決方案效果很好，但鏈接只能在表示按鈕的圓圈的上部單擊。如何擴展可點擊區域？ –

@ChristopherBillups，我可以通過向''標記添加CSS來擴展可點擊框。我遇到的問題是，當我點擊鏈接時，菜單關閉，而不是去鏈接...無論如何，下面的CSS應該工作。 a { \t display：block; \t身高：50％; \t寬度：50％; } –

試圖添加超鏈接到導航菜單

回答

相關問題