css - CSS3下拉菜单悬停不起作用

Question

我的网站使用的是纯 CSS3 下拉菜单。问题是当网站在触摸屏设备上查看时，某些具有悬停属性的菜单项不会自动下拉。

我怎样才能改变它，如果菜单项有一个悬停下拉菜单，在触摸屏设备中你必须触摸它，然后菜单将下拉到我们 PC 中的其他位置，它仍将保持悬停效果。

可以只使用CSS来完成吗？

Answer 1

您是否尝试过aria-haspopup在支持触摸的设备上模拟悬停

看看这篇文章。

在菜单等页面元素上，将元素的 aria-haspopup 属性设置为“true”。当启用触摸的设备上的 Internet Explorer 10 用户第一次点击页面元素时，用户的体验将与将光标悬停在该元素上的用户的体验相同。

我不确定浏览器对此的支持是什么样的。

Answer 2

“悬停”并不是触摸屏的真正功能，因为它需要涉及鼠标指针。如果您使用的是支持触摸屏的优秀库，它也应该可以工作。如果没有，请尝试另一个库或自己编写一些东西。