我的网站使用的是纯 CSS3 下拉菜单。问题是当网站在触摸屏设备上查看时，某些具有悬停属性的菜单项不会自动下拉。
我怎样才能改变它，如果菜单项有一个悬停下拉菜单，在触摸屏设备中你必须触摸它，然后菜单将下拉到我们 PC 中的其他位置，它仍将保持悬停效果。
可以只使用CSS来完成吗？
问问题
700 次
2 回答
1
您是否尝试过aria-haspopup在支持触摸的设备上模拟悬停
看看这篇文章。
在菜单等页面元素上，将元素的 aria-haspopup 属性设置为“true”。当启用触摸的设备上的 Internet Explorer 10 用户第一次点击页面元素时，用户的体验将与将光标悬停在该元素上的用户的体验相同。
我不确定浏览器对此的支持是什么样的。
于 2013-04-22T07:11:49.797 回答
0
“悬停”并不是触摸屏的真正功能，因为它需要涉及鼠标指针。如果您使用的是支持触摸屏的优秀库，它也应该可以工作。如果没有，请尝试另一个库或自己编写一些东西。
于 2013-04-22T06:41:51.867 回答