在声明z-index后无法点击按钮？

Question

给z-index后我无法点击按钮。它在我的侧面导航栏上重叠我不知道为什么，任何建议都会很棒:)。 即使在z-index = -1

之后，如何使其可点击

我的代码：

<div class="col-lg-1 col-lg-offset-0 col-xs-4"  >
  <span class="glyphicon glyphicon-heart" id="lovehate" style="left:17px; top:20px;" ></span>
  <a href="{{route('lovebutton',['username' => $user->username,'action'=>'love']) }}" > 
  <button  class="btn btn-md  btn-default  btn-lg-round waves-effect waves-teal" type="button" style="z-index: -1; "  id="lovebtn">Love</button>    
  </a>
</div>

Answer 1

因为那些z-index值未分配的元素，它的z-index值是auto。并且只要您不发布更多代码，我们就无法提供帮助。

我尝试了您在此处提供的代码：https://jsfiddle.net/cb16h3jo/，按钮响应。

您可以在浏览器中检查您的按钮，看看您的元素中是否有任何其他元素重叠。如果是，请将该元素z-index更改为低于按钮z-indez的内容：z-index: -2

Answer 2

我猜你有理由将zindex设置为-1？并不是说您的按钮不可点击，可能是某些东西重叠了（我已经尝试了您发布的代码片段，我可以点击按钮）。

Answer 3

您可以使用较高的值将按钮置于顶层...尝试

z-index=3 

或     的z-index = 5 要么     的z-index = 9