Question

我正在努力让iOS上的css菜单关闭。菜单显示使用：hover，因此div设置为block并显示在屏幕上。这在iOS上显示正常，因此菜单显示但如果您单击菜单，只是进入空白区域，菜单仍然保留。似乎无法隐藏和删除：悬停状态。

我发现如果你在iOS设备上点击一个空白区域（不是链接或任何div：hover或cursor：pointer set），那么似乎没有注册点击，所以我猜这是主要问题。

我该如何解决这个问题？有没有什么可以做css只有菜单在iOS上正常工作？

问题的一个例子是选择海滩菜单http://www.beachstays.com.au/

由于

Answer 1

我已经使用jQuery来模拟css悬停函数以解决类似的问题。可能值得一试吗？

$('.tohover').mouseover( function(){
  $(this).addClass('hover');
});

$('.tohover').mouseout( function(){
  $(this).removeClass('hover');
});