嵌套<a> tag click region in <li> tag not working</li></a>

时间:2014-04-01 18:55:54

标签: jquery html css html5 css3

<a>代码点击区域适用于<li>代码1,3和4,但<a> 2和5中的嵌套<li>代码没有可点击区域。以下是Codepen链接(CSS中已定义<a>标记):http://cdpn.io/tAiFw

此外,当用户点击按钮时,是否可以保持悬停状态(例如,当用户点击加号并移开鼠标时,&#39; X&#39;保持活动状态以及用户点击时再一次,&#39; X&#39;返回&#39; +&#39;)

3 个答案:

答案 0 :(得分:1)

更改z-index的{​​{1}}:

<ul>

答案 1 :(得分:1)

ul以下<div class="position">的z-index设置为-10,有效地将其置于背景之后,使其无法点击。

答案 2 :(得分:0)

z-index的{​​{1}}更改为零:

ul

并将ul { z-index: 0; ... } 添加到position: fixed

.trigger