我发现这个网站有一个子菜单，可以在我的 iPhone/Pad 上正常工作，我很好奇他们是如何li:hover ul{为触摸屏制作的？
我浏览了整个 HTML、CSS、JS 并没有什么特别突出的，所以如果有人能有一个高峰，我会对他们发现的东西非常感兴趣。
问问题
3182 次
3 回答
3
我的学校网站 (www.harveygs.kent.sch.uk) 也遇到了同样的问题，但 Servicepoint 网站给了我答案 - 只需添加“<a href='#'>(your menu header)</a>”在菜单中的第一个 <ul> 之后。
于 2011-05-02T14:09:08.810 回答
1
你不能:hover在移动设备上工作。菜单显示在点击事件和悬停事件上。我不确定这个网站是如何做点击事件的，但你可以用 JavaScript 或a:activeCSS 选择器来做
于 2011-04-12T01:54:38.567 回答
0
如果它是一个可以获得焦点的元素，那么悬停 CSS 在触摸屏上应该可以正常工作——那些“菜单”项也是链接，因此当它们通过被触摸获得焦点时，它们会对悬停事件做出反应。您应该能够使用 amy 元素来执行此操作，该元素可以类似地获得焦点（我正在使用没有 HREF 属性的链接来执行此操作）以在鼠标经过它或在触摸屏上触摸对象时激活悬停事件。
于 2012-10-09T15:16:08.603 回答