<a> tag is not working properly</a>

时间:2014-04-02 16:46:04

标签: css html5 xhtml tags href

我有一个<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);}

有什么想法吗?非常感谢你!

1 个答案:

答案 0 :(得分:1)

我的感觉是,类gray用于为按钮提供禁用状态。请尝试使用此代码:

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