html - anchor 标记不能在 div 中间歇性工作

Question

我在 div 中有这个 anchor 标记，它显示为弹出窗口。 我的 anchor 是可点击的，但它无法导航到 href 中的 url，并且此问题间歇性地发生。请帮助我解决问题，因为我不明白是什么导致了这个问题。

 .button {
  display: block;
  width: 360px;
  margin-top: 1em;
  padding: 1em;
  border: none;
  border-radius: 0.25em;
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
  margin-right: 1.75em;
  text-align: left;
  z-index: 10;
}

a.button:hover, .ff-form button:hover,
.ff-form input[type="reset"]:hover,
.ff-form input[type="button"]:hover,
.ff-form input[type="submit"]:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

<div class="footer">
      <a class="button" href="http://iffi.shop.com/cart">GO TO BASKET</a>
</div>

Answer 1

在您的 href url 中，我删除了“购物车”。然后它正在工作。对于购物车，我认为它不是正确的网址。

 .button {
      display: block;
      width: 360px;
      margin-top: 1em;
      padding: 1em;
      border: none;
      border-radius: 0.25em;
      text-align: center;
      text-transform: uppercase;
      font-size: 1em;
      font-weight: bold;
      display: inline-block;
      margin-right: 1.75em;
      text-align: left;
      z-index: 10;
    }

a.button:hover, .ff-form button:hover,
.ff-form input[type="reset"]:hover,
.ff-form input[type="button"]:hover,
.ff-form input[type="submit"]:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

<div class="footer">
            <a class="button" href="http://iffi.shop.com">GO TO BASKET</a>
</div>