Question

所以我正在对学校进行评估，长话短说，其中一个要求是你的网站必须在两个浏览器（Chrome和Firefox）中工作。我的页面工作正常，但我的导航按钮仅在chrome中工作并返回错误“protocol（h）与任何程序无关或在此上下文中不允许”当我在Firefox中使用它们时。它还给了我一个提示，说我可能需要安装其他软件来打开这个地址。

我的代码如下。

<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;
}

Answer 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:/是通过互联网访问数据的另一种方式。

Answer 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>

链接工作在chrome但不是firefox

2 个答案: