Question

我有一个买卖网站，在卖家的照片上方，我有一个LIKE按钮，以前工作正常但是因为我添加了一个新的背景并以新的边距移动了它现在无法点击。我相信有一个CSS解决方案，但不知道该怎么做。

登录此页面时：https://www.onlinecarbooty.com/go-booting.aspx 你会看到LIKE图标。您可以使用test12345@aol.com和密码：qwerty

登录

这是我对类似按钮的代码..

<div style="width:50px; height:50px; display: inline-block; background:url('/files/images/icons/stallIconLike50.png'); cursor: pointer;" onclick="addLike('<%# Eval("orderID")%>')">
    <div style="font-size:12px; color:#000; background:#ffffff; border:1px solid #000; padding:0 3px; float:left; margin: 0px 0 0 38px;" id="<%# Eval("orderID")%>"> <%# Eval("likeCounter")%>
    </div>
</div>

JAVA

<script type="text/javascript">
  function addLike(stallID) {
    $.post('add-like.aspx', { id: stallID }).done(function(data) {
      originalColor = $('#'+stallID).css('background-color');

      $('#'+stallID).css('background', 'yellow').html(data);
      $('#'+stallID).html(data);

      setTimeout(function(){
        $('#'+stallID).css('background', originalColor);
      }, 500);
    });
  }
</script>

任何帮助表示感谢。

Answer 1

考虑您当前的加价，

.lasteventimg + div {
   z-index: 1;
   position:relative;
}

似乎可以解决问题。

此外，pointer-events:none .stallNew > div:nth-child(2) > div上的layoutNew.css:746会在中间按钮上停用pointer-events，因此onclick永远不会触发这些项目。

这显然不关我的事，但如果你问我，我会说你的网站需要专业的服务：

前端开发，
设计/布局。

图标无法点击 - 透明图层？ CSS？

1 个答案: