關閉iOS設備上的CSS菜單

Question

我很努力地在iOS上關閉一個CSS菜單。該菜單使用：hover顯示，因此div被設置爲阻止並顯示在屏幕上。這在iOS上顯示得很好，因此菜單顯示，但是如果單擊菜單，只是進入空白區域，菜單仍然保留。似乎沒有辦法讓它隱藏並刪除：懸停狀態。

我發現，如果您在iOS設備上單擊空白區域（不是鏈接或任何div：懸停或光標：指針設置），然後沒有點擊似乎被註冊，所以我猜這是主要問題。

我該如何解決這個問題？有沒有什麼可以做的CSS只有菜單在iOS上正常工作？

問題的一個例子是在這裏的選擇海灘菜單http://www.beachstays.com.au/

感謝

我用jQuery來模仿類似問題的CSS懸停功能

Answer 1

。值得嘗試嗎？

http://codepen.io/anon/pen/mEtGy

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

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