Firefox 无法打开 HTML 链接、Chrome 和 Edge Work

Question

我运行遇到了一个以前从未在我的网站上遇到过的问题。我有 'a' 指向网站其他页面的链接，它们在 Edge、Chrome 和 Safari 中运行良好，但 Firefox 无法打开它们。我只是轻按一下，什么也没发生。

我的导航CSS问题：

.navigation {
width: 75%;
position: relative;
left: 13em;
top: 3em;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}

.dropbtn {
background-color: transparent;
color: white;
font-size: 34px;
font-family: 'Anton', sans-serif;
border: none;
cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
background-color: #680b1e;
}

#about {
position: relative;
display: inline-block;
float: left;
margin-left: 40px;
}

HTML

<div id="about">
<button class="dropbtn"> <a href="about.html"> Book </a> </button>    
</div>

Answer 1

问题是 HTML，a 不允许在 button 里面，详情请看这个问题：

Link inside a button not working in firefox

一种可能的解决方法是使用按钮上的 click 事件来更改 window.location（使用 javascript），但实际上并不推荐，再次检查我链接的问题有关解决方法和修复的更多详细信息。

Firefox 无法打开 HTML 链接、Chrome 和 Edge Work

Firefox Not Opening HTML Links, Chrome & Edge Work

html

css

firefox

mozilla

google-chrome