CSS3下拉菜單懸停不起作用

Question

我的網站正在使用純粹的CSS3下拉菜單。問題是當網站在觸摸屏設備上查看時，具有懸停屬性的某些菜單項不會自動下拉。

如何將其更改爲如果菜單項具有懸停下拉列表，在觸摸屏設備中您必須觸摸該菜單，然後菜單將在我們的PC中的其他位置下拉，它仍然保持懸停效果。

可以通過只使用CSS來完成嗎？

Answer 1

「懸停」並不是真正的觸摸屏功能，因爲它需要一個鼠標指針。如果您使用支持觸摸屏的好庫，它也應該可以工作。如果沒有，嘗試另一個庫或寫一些你自己的東西。

Answer 2

您是否嘗試過使用aria-haspopup模擬在啓用觸摸的設備

懸停看看this article。

在頁面元素（如菜單）上，將元素的aria-haspopup 屬性設置爲「true」。當 支持觸摸的設備上的Internet Explorer 10用戶首次觸摸頁面元素時，用戶的 體驗將與使用遊標懸停在 元素上的用戶的體驗相同。

我不確定瀏覽器對此的支持如何。