html - 为什么Safari上只有一些下拉标签显示，而所有标签都是可点击的？

Question

我为网页设计了一个下拉菜单。在除 Safari 之外的所有浏览器中单击“dropbtn”时，它会显示所有“下拉内容”。在 Safari 中，只显示第一个我的 a 标签，其他标签也是可点击的，但不可见。HTML：

<div id="dropdownmenu">
    <div class="dropdown">
        <button class="dropbtn">Menu</button>
        <div class="dropdown-content">
            <a href="./index.htm">Home</a>
            <a href="./history.htm">History</a>
            <a href="./releases.htm">Releases</a>
            <a href="./kontakt.htm">Kontakt</a>
            <a href="../index.htm">JFBmusic</a>
        </div>
    </div>
</div>

CSS：

@media only screen and (max-width:860px) {
    #dropdownmenu {
        display:block;
    }
}

#dropdownmenu {
    display:none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    top:0;
    margin-top:50px;
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #ddd;
}
.dropdown-content a:visited {
    color: black;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: darkgrey;
}

我怎么解决这个问题？

标签： htmlcsssafarimobile-websiteweb-testing