Firefox中的某些链接和表单不可点击答案

【问题标题】：Some links and form in firefox not clickableFirefox中的某些链接和表单不可点击
【发布时间】：2017-09-06 09:47:53
【问题描述】：

我在 Firefox 中有一个奇怪的问题。我的内容和表单中的文本链接不可点击。我尝试通过对受影响的元素使用 z-index 来解决此问题，但这不起作用。我还检查了是否有任何元素覆盖受影响的区域，但我找不到任何东西。有谁知道如何解决这个问题？

这里有一些受影响的文本链接（图片旁边的文本块）：click

表格：click

非常感谢！

【问题讨论】：

你能分享表单失败的表单和js代码sn-p吗？
谢谢！这些表单是使用强大的插件 (formidableforms.com) 构建的。我多次使用这个插件，从来没有遇到过一些问题。此外，在内部没有任何表单的页面上仍然存在问题......

【解决方案1】：

我昨天遇到了类似的问题，但没有查看您的代码，我不知道我能提供多少帮助。

您可以尝试一些 jQuery 来查找链接。它看起来像这样。

<script type ="text/javascript">
 $('.yourClass').click(function(e){
 e.preventDefault();

 window.location = $(this).find('a').attr('href');
});

【讨论】：

我尝试了 jQuery，但它不起作用。我现在看到的是，当我使用开发人员工具检查链接时，它总是会检测到更大区域的外包装（例如主体或 .content-container ......这会导致问题吗？有人知道怎么做吗？修复？

【解决方案2】：

你的下一节课有问题。 div:not(.autoGrid-lightbox) *

你正在使用一些 wordpress 或 jquery 插件，这会造成这种混乱。

在你的 CSS 中添加这个

div:not(.autoGrid-lightbox) * {
 webkit-transform-style: none !important;
}

干杯！

【讨论】：