我的网站使用纯CSS3下拉菜单。问题是当网站在触摸屏设备上查看时，一些具有悬停属性的菜单项不会自动下拉。
我该如何更改它，以便如果菜单项具有悬停下拉菜单，在触摸屏设备上，您必须触摸它，然后菜单将下拉，而在我们的PC上，它仍将保持悬停效果。
是否可以仅使用CSS完成？
2个回答
1
您尝试过在触摸设备上使用aria-haspopup模拟悬停效果吗？
请查看this article。
在页面元素（如菜单）上设置元素的
aria-haspopup属性为"true"。当Internet Explorer 10用户在支持触摸的设备上首次轻点页面元素时，用户的体验将与通过鼠标悬停在该元素上的用户完全相同。
但我不确定浏览器的支持情况如何。
- Danield
0
“悬停”并不是触摸屏的一个功能，因为它需要鼠标指针的参与。如果您正在使用支持触摸屏的好库，它也应该能够正常工作。如果不行，尝试另一个库或编写自己的代码。
- Bas Slagter
1
但在iOS Chrome浏览器中，当我点击具有子菜单的菜单项时，它会打开，但在Safari中不会。 - rapide
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接