【发布时间】：2013-04-22 06:40:10
【问题描述】：
我的网站使用的是纯 CSS3 下拉菜单。问题是在触摸屏设备上查看网站时，某些具有悬停属性的菜单项不会自动下拉。
我怎样才能改变它，如果菜单项有一个悬停下拉菜单，在触摸屏设备中你必须触摸它，然后菜单会下拉到我们电脑中的其他地方，它仍然会保持悬停效果。
只用CSS可以吗？
【问题讨论】：
标签： css drop-down-menu touch touchscreen
【发布时间】：2013-04-22 06:40:10
【问题描述】：
您是否尝试过使用aria-haspopup 在支持触控的设备上模拟悬停
看看this article。
在菜单等页面元素上，设置元素的 aria-haspopup 属性为“真”。当 Internet Explorer 10 用户在 启用触摸的设备首先点击页面元素，用户的 体验将与悬停在 带有光标的元素。
我不确定浏览器对此的支持是什么样的。
【讨论】：
“悬停”并不是真正的触摸屏功能，因为它需要一个鼠标指针。如果您使用的是支持触摸屏的优秀库，它也应该可以工作。如果没有，请尝试另一个库或自己编写一些东西。
【讨论】：
-
但是在 iOS Chrome 浏览器中它还可以，当我触摸作为子菜单的菜单项时它会打开，但在 Safari 中它不会。