Question

直到昨天，我的链接一直正常运行。但是，我刚刚发现，如果我通过鼠标向下滚动页面或者＃34; Page Down＆＃34;，则无法点击我的链接。

它似乎可以在Chrome和Firefox的移动版本上正常运行，但不能在笔记本电脑/计算机上运行。

可能是什么问题？

＆＃13;

header-middle .container .row .col-sm-4 {
  padding-left: 0;
}
.product-image-wrapper{
border:1px solid #F7F7F5;
overflow: hidden;
margin-bottom:30px;
}
.single-products {
 position: relative;
}
.productinfo{
width: 100%;
height: 265px;
overflow: hidden;
}
.productinfo img{
 display: inline-block;
 vertical-align: middle;
 height: 130px;
 width: auto;
 overflow: hidden;
}
.productinfo h5{
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
height: 2.2em;
line-height: 1.1em;
}
.productinfo h2{
color: #FE980F;
font-family: 'Roboto', sans-serif;
font-size: 24px;
font-weight: 700;
}
.add-to-cart {
background:#F5F5ED;
border: 0 none;
border-radius: 0;
color: #696763;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-bottom: 25px;
}

＆＃13;

<div class="col-sm-4">
  <div class="product-image-wrapper">
    <div class="single-products">
      <div class="productinfo text-center">
        <img src="#" alt="#">
        <h2>price</h2>
        <h5>title</h5>
        <a href="#" target=_blank class="btn btn-default add-to-cart">
          <i class="fa fa-shopping-cart"></i>
          click now
        </a>
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 1

我会尝试两件事。

1。）删除使用<i>代码并替换为<span>

检查一下： Should I use <i> tag for icons instead of <span>?

2。）您不会泄露所有代码。但也许您遇到z-index问题;尝试在z-index: 1001;课程上设置z-index:到.btn（或者无论z-index值是多少）

注意：// 此外，您在<a>标记上使用了这么多类似乎有点奇怪。你应该尝试清理一下。

如果您发布完整代码，我们可以更加准确。

向下滚动页面后，链接变得无法点击

1 个答案: