当鼠标悬停在<ul>标记区域上时，我会降低<ul>的不透明度，然后为用户所在的<li>设置完全不透明度。
像这样的样本： Image change opacity on hover without jQuery
现在，问题在于平板电脑和手机，因为在触摸设备上我们没有悬停事件，用户应点击（触摸）<li>，以便所有其他<li>将降低不透明度用户无法取消选择（取消）<li>，以便他们刷新页面。
我该如何解决这个问题？
答案 0 :(得分：0)
在触控设备上，不支持hover。你可以：
•在触摸设备样式表中跳过悬停效果
•使用JavaScript将鼠标悬停在点击交互中
•使用JavaScript模拟触摸设备上的悬停交互
SO上有多个其他帖子讨论了这个问题：
How do I simulate a hover with a touch in touch enabled browsers?
how to deal with hover effect on touch devices
Hover for Touch Devices
答案 1 :(得分：0)
由于:hover当然不支持仅触摸式浏览器，因此您可以使用touchStart，touchMove和touchEnd事件（通过javascript）。这些在FastClick库中使用得非常好。
如果您将手指放在屏幕上，也可以通过仅触摸浏览器激活一些CSS :hover事件。
答案 2 :(得分：-2)
有点晚......
但您可以使用css动画在再次隐藏菜单之前显示4-5秒的菜单...
不完美但你摆脱了JS ..不是说js是错的，我使用angularJS ..
编辑： - 被要求提供链接http://www.greywyvern.com/?post=337