我发现this site有一个子菜单可以在我的iPhone / Pad上正常工作，我很好奇他们是如何让li:hover ul{为触摸屏工作的？
我已经浏览了整个HTML，CSS，JS，没有什么能够突出，所以如果有人能够达到顶峰，我会对他们发现的东西非常感兴趣。
答案 0 :(得分：3)
我的学校网站（www.harveygs.kent.sch.uk）遇到了同样的问题，但Servicepoint网站给了我答案 - 只需添加“＆lt; a href ='＃'＆gt;（您的菜单标题） ＆LT; / A＆gt;”中在第一个＆lt; ul＆gt;之后在你的菜单中。
答案 1 :(得分：1)
您无法让:hover在移动设备上运行。菜单显示单击事件和悬停事件。我不确定此网站是如何处理点击事件的，但您可以使用JavaScript或使用a:active CSS选择器
答案 2 :(得分：0)
如果它是一个可以获得焦点的元素，那么悬停CSS应该在触摸屏上正常工作 - 那些“菜单”项目也是链接，因此当他们通过触摸获得焦点时，他们会对悬停事件作出反应。您应该可以使用amy元素来执行此操作，该元素可以同样获得焦点（我使用没有HREF属性的链接执行此操作）以在鼠标经过鼠标时触发悬停事件，或者触摸屏上触摸对象。