gpt4 book ai didi

html - 汉堡包菜单(两行之间不可点击)

转载 作者:行者123 更新时间:2023-11-28 16:08:28 26 4
gpt4 key购买 nike

我遇到了一个问题,我试图在黑线之间点击,但没有触发任何东西,但在点击黑线时触发。我添加了 div 以便我可以在该区域周围添加光标指针。我知道它必须与位于 html 中的 for=nav-trigger 相关,但是“for”不适用于 div。有解决方法吗?

<div id="menu">
<input type="checkbox" id="nav-trigger" class="nav-trigger"/>
<label id="menuButton" for="nav-trigger"></label>
</div>

这是 jsfiddle 的链接:https://jsfiddle.net/dxs6040/51wdfypj/14/

最佳答案

像这样使用 html:

<div id="menu">
<label for="nav-trigger">
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<span id="menuButton"></span>
</label>
</div>

并将其添加到 css:

label {
position: absolute;
height: 100%;
width: 100%;
cursor: pointer;
}

jsfiddle: https://jsfiddle.net/e9qafkbr/

关于html - 汉堡包菜单(两行之间不可点击),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38725195/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com