我在这个网站上有一个菜单，它在标准的Windows 8.1 PC上正常运行，但在带有触摸屏的Windows 8.1笔记本电脑上的chrome上查看时出现奇怪的问题。
子菜单项目无法点击，当您失去焦点时，文本会出现奇怪的重影。之前没见过，也不太确定是什么造成的..我正在使用Foundation 4，该网站建立在Orchard上。
http://www.barossa.sa.gov.au.web7.tempdomain.com.au/
任何建议都将不胜感激！
答案 0 :(得分：1)
要复制此问题，请打开Google Chrome开发人员工具并启用“模拟触摸屏”。
现在点击顶级菜单项（例如，市议会）并将鼠标悬停在菜单之外。我们可以看到菜单背景子菜单标题是可见的。将鼠标悬停在'委员会'上，您将看到最后一级菜单项可见。
之所以发生这种情况，是因为当你点击'Council'时它会将CSS类'hover'添加到它的li元素中。在那个li中有一个带有'dropdown'类的ul。正在执行CSS规则，如果将类'hover'应用于父li，则将其设置为可见。
查看基础文档http://foundation.zurb.com/docs/v/4.3.2/components/top-bar.html，此处发生了相同的功能。不同之处在于，当在菜单外单击时，“hover”类将从菜单中的元素中删除。您的解决方案不会发生这种情况。
可能与......有关。
我建议您将Foundation CSS和JavaScript更新到最新版本（4.3.2）。
否则，当您单击菜单外部并从菜单中的所有元素中删除.hover类时，您可以创建一些脏jQuery来监视。
希望有所帮助。