链接在 chrome 中有效，但在 firefox 中无效答案

【问题标题】：Links work in chrome but not firefox链接在 chrome 中有效，但在 firefox 中无效
【发布时间】：2016-07-01 11:36:57
【问题描述】：

所以我正在为学校做评估，长话短说，其中一个要求是您的网站必须在两种浏览器（Chrome 和 Firefox）中运行。我的页面在这两种情况下都可以正常工作，但我的导航按钮只能在 chrome 中工作，并在我在 Firefox 中使用测试时返回错误“协议 (h) 与任何程序无关或在此上下文中不允许”。它还给了我一个提示，说我可能需要安装其他软件才能打开此地址。

我的代码如下。

<div id="menu">
    <a href="H:/documents/200dts/web_design/scoville_scale/index.html">Home</a>
    <div class="dropdown">
        Content
        <div class="dropdown-content">
            <a href="H:/documents/200dts/web_design/scoville_scale/pages/scoville_scale.html">The Scoville Scale</a>
            <a href="#">Page 2</a>
            <a href="#">Page 3</a>
        </div>
    </div>
    <a href="#">About Us</a>
    <a href="#">Gallery</a>
</div>

这是我的 CSS。

/* Navigation Bar */
#menu {
    position: fixed;
    top: 0;
    width: 100%;
    color: #ffffff;
    height: 35px;
    text-align: center;
    padding-top: 15px;
    -webkit-box-shadow: 0px 0px 8px 0px #000000;
    -moz-box-shadow: 0px 0px 8px 0px #000000;
    box-shadow: 0px 0px 8px 0px #000000;
    background-color: #2f040c;
}

#menu a {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
    text-decoration: none; 
}

#menu a:hover {
    color: grey;
} 

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2f040c;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: grey;
    padding: 16px 18px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .dropdown-content {   
    display: block;
}

【问题讨论】：

en.wikipedia.org/wiki/File_URI_scheme

标签： html css firefox

【解决方案1】：

您需要使用file:/// 将路径附加到文档，如下所示：

href="file:///H:/documents/200dts/web_design/scoville_scale/pages/scoville_scale.html"

查看JSFiddle 和File URI Scheme 上的维基百科页面

support.mozilla.org 上的This question 也可能对您有用

之所以说protocol(h) 不存在，是因为它认为驱动器号是protocol（如http、https 和ftp）。

所以它认为H:/ 是另一种通过互联网访问数据的方式。

【讨论】：

@CaramelPanda 没问题！如果这回答了您的问题，请将其标记为已接受（按投票按钮下方的绿色勾号）。

【解决方案2】：

如果这个页面放在 index.html 目录下，试试这个。

 <a href="index.html">Home</a>
 ....
 <a href="pages/scoville_scale.html">The Scoville Scale</a>

不是，

 <a href="file:///H:/documents/200dts/web_design/scoville_scale/index.html">Home</a>
  ....
 <a href="file:///H:/documents/200dts/web_design/scoville_scale/pages/scoville_scale.html">The Scoville Scale</a>

【讨论】：