wordpress - 从带有叠加层的图像中删除href链接

Question

我需要将http://srougi.biz/gb/portfolio_listing/中列出的产品变成不可点击的项目，但不能失去其覆盖效果。而且由于它是一个 wordpress 网站，我无法更改代码，我唯一的选择是使用 CSS 来做。我试图在图像中放置 pointer-events:none 和 cursor:default ，但它失去了叠加效果。我会感谢你的帮助。

Answer 1

我们没有选项来处理 css 中的事件。使用这个 jquery 片段来修复 $('.isotope-item .thumbnail a').click(function(e) e.preventDefault(); });

Answer 2

要在这种情况下停用链接，您需要添加一些 javascript 代码。

JS：</body>在主题文件之前添加这个：footer.php

<script>
    var thumbnails = document.getElementsByClassName('thumbnail');
    for(i = 0; i < thumbnails.length; i++){
        thumbnails[i].getElementsByTagName("a")[0].setAttribute("onclick", "return false;");
    }
</script>

CSS：从链接中删除指针的样式。

.thumbnail a {
    cursor: default !important;
}