链接在 Mozilla 或 Internet Explorer 11 中不可点击，但在 Chrome 中有效答案

【问题标题】：Links not clickable in Mozilla or Internet Explorer 11 but work in Chrome链接在 Mozilla 或 Internet Explorer 11 中不可点击，但在 Chrome 中有效
【发布时间】：2014-07-29 22:49:33
【问题描述】：

我目前正在开发一个网站，我主要使用谷歌浏览器设计它。它在 Google Chrome 中按预期工作。

我的问题是：底部的链接，即免责声明和隐私信息以及设计者的链接，不可点击。此外，其他面板上的 PDF 文件链接也不起作用。最奇怪的是，如果我打开了 DOM Explorer（或 Inspector），链接就会变成可点击的。我一直试图找到一些关于这个的东西，但我似乎找不到任何东西。我猜这是我忽略的非常简单的事情。提前感谢您的帮助。

编辑：我认为这可能与这一行有关：

.websiteBorder {
            z-index: -2;
            .
            .
            .
        }

我试图在 JSFiddle 重新创建问题，但问题不存在。
这是链接：http://jsfiddle.net/willwsharp/7S8LV/1/ 看起来我无法准确地重现问题，所以我已将我的问题标记为离题。如果可能的话，我仍然会很感激任何帮助，谢谢。

【问题讨论】：

不相关，但您的 CSS 无效。 CSS 不支持单行 cmets，需要替换“//TODO - 强制文体统一！” with "/*TODO - 强制风格统一！*/"
好的，谢谢，我也会这样做的。
@CroaToa 是的，这很糟糕，当我开始这个网站时，我几乎一无所知，很抱歉它不是很好。
您的问题需要在问题本身中包含重现您的问题所需的所有内容。您的问题不能依赖指向 3rd 方网站的链接才有意义且可以回答，并且您绝对不能链接到您的实时网站作为重现问题的唯一方式。一旦你修复了你的网站，这个问题就完全没用了。
@meagar 这很有道理。我知道 JSFiddle，但我不知道如何重现我的问题和网站，对不起。我该怎么办？

标签： html css internet-explorer google-chrome firefox

【解决方案1】：

z-index: -1; 和 z-index: -2; 散布在您的网站上，导致了这种情况。禁用它们允许您在两个浏览器中单击锚点，但会改变您网站的外观。

我建议您重新考虑实现该外观的方法。

【讨论】：

是的，我需要重新评估我的方法，感谢您的帮助。
您希望通过 z-index 实现什么目标？也许我可以帮忙。
我不确定，它们可能是我开始这个项目时的残余物。如果我弄清楚它们的用途，我会回复你，谢谢。
我回去改变了 z-indexes 并且它有效！我错误地认为如果它在 Chrome 中工作，它会在其他人中工作。谢谢！
哎呀！总是假设其他浏览器的最坏情况:) 祝你好运！

【解决方案2】：

您设置#disclaimer 链接的脚本落在文档正文中。

你在这里有一个 document.ready 方法，所以我会将你的 include 移动到 transitionAndMenuScript.js 文件和所有脚本到 <head> 中。在文档准备好之前让它们都被评估，然后当文档呈现时 document.ready 将触发。

<head>
    ...
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
    <script type='text/javascript' src='/google_analytics_auto.js'></script>
    <script type='text/javascript' src='slideshow.js'></script>
    <script type='text/javascript' src='transitionAndMenuScript.js'></script>
    ....
</head>

另外 - 我建议使用 '//code.jquery.com' 而不是 'http://code.jquery.com'。这样一来，它将始终应用正确的 URI 方案，以防您出于某种原因迁移到 HTTPS。

【讨论】：

运气好吗？如果您需要更多信息或遇到更多绊脚石，请告诉我。
目前还没有。我试图在 JSFiddle 上重新创建问题，但链接工作正常，所以问题不存在。我目前正在尝试编辑问题以包含链接。
@Mark_S 如果您想看一下，我已经编辑了我的问题。