试图添加超链接到导航菜单

我很喜欢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％; } –

试图添加超链接到导航菜单

回答

相关问题