html - CSS 下拉菜单在移动浏览器中不起作用

Question

我根据此链接中给出的教程使用了 CSS 下拉菜单:https://www.w3schools.com/css/css_dropdowns.asp但它不适用于 Opera Mini 和其他一些移动浏览器。请给我修改上述教程中给出的 css 的解决方案。

Answer 1

您需要在 CSS 中使用 :hover 和 :focus 伪类。 :hover 在移动设备上不存在。

所以

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

成为

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