<a> 标记无法正常工作

Question

我有一个<a>元素，它被浏览器识别，因为当我把它放在元素上时指针会改变，并且在浏览器的左下角出现了URL，但是当我单击它时，浏览器不会导航。

以下是 HTML 代码：

<div class="service-box style2">
  <div class="iconbox-style2">
    <div class="inner">
      <i class="fa fa-circle-o"></i>
    </div>
  </div> 
  <h4>Loren</h4>
  <p>Loren ipsum .-......</p>
  <a href="loren.html" class="button gray">Info</a>
</div> 

和 CSS：

.service-box.style2{border:1px solid #f2f2f2;
                    padding:20px 10px;
                    margin-top:30px;
                    -webkit-box-shadow:0px 2px 0px rgba(252,252,252,1);
                    -moz-box-shadow:0px 2px 0px rgba(252,252,252,1);
                    box-shadow:0px 2px 0px rgba(252,252,252,1);
                    }
.service-box.style2 .iconbox-style2{
                width:60px;
                height:60px;
                text-align:center;
                padding-top:20px;
                font-size:48px;
                margin:-60px auto 20px;
                background:#fff;
                color:#44BFE8; }
.inner{
                padding:20px;
                background:#44BFE8;
                border:1px solid rgba(0,0,0,0.05);}

知道吗？提前非常感谢！

Answer 1

我觉得，类gray用于为按钮提供禁用状态。请尝试改用以下代码：

<a href="loren.html" class="button">Info</a>