声明 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=3

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

Answer 2

因为那些 z-index 值还没有分配的元素，它的 z-index 值是自动的。只要您不 post 更多代码，我们就无法提供帮助。

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

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

Answer 3

我猜你有理由将 zindex 设置为 -1？不是你的按钮不可点击，可能是有什么东西重叠了（我试过你发布的那段代码，我可以点击按钮）。

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

Can't click on button after declaring z-index?

html

javascript

css

twitter-bootstrap

laravel