CSS3下拉菜单悬停不起作用

Question

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

我如何更改它，如果菜单项有悬停下拉列表，在触摸屏设备中你必须触摸它，然后菜单将下拉到我们PC中的其他位置它仍将保持悬停效果。 / p>

只能使用CSS吗？

Answer 1

您是否尝试过使用aria-haspopup模拟在启用触控功能的设备上悬停

看看this article。

  

在菜单等页面元素上，设置元素的aria-haspopup   财产到“真实”。当一个Internet Explorer 10用户上   启用触摸的设备首先点击用户的页面元素   经验将与悬停在网上的用户的体验相同   带光标的元素。

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

Answer 2

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