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

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

这里有一些受影响的文本链接(图片旁边的文本块):click

表格:click

非常感谢!

【问题讨论】:

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

标签: jquery html css firefox hyperlink


【解决方案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;
}

干杯!

【讨论】:

  • 嗨!谢谢...我将其添加到CSS中,但不幸的是它仍然无法正常工作。还有什么想法吗?
  • 问题出在你网站的css上。它有一些额外的属性。我禁用了属性以使链接正常工作
  • 您能告诉我您禁用了哪些属性吗?谢谢! :-)
  • 找到了!我不小心在.content-row 课堂上有一个z-index:-2; 导致了这个问题......非常感谢! :-)
  • 很高兴你找到它。干杯!
猜你喜欢
  • 2014-07-12
  • 2011-01-17
  • 1970-01-01
  • 1970-01-01
  • 2012-08-20
  • 2015-10-06
  • 1970-01-01
  • 1970-01-01
  • 2013-08-21
相关资源
最近更新 更多