1

iOSでcssメニューを閉じるのに苦労しています。メニューは :hover を使用して表示されるため、div はブロックに設定され、画面に表示されます。これは iOS では問題なく表示されるため、メニューが表示されますが、メニューをクリックして空白のスペースに移動しても、メニューはそのまま残ります。これを非表示にして :hover 状態を削除する方法はないようです。

iOSデバイスで空白のスペース（リンクまたは:hoverまたはcursor:pointerが設定されたdivではなく）をクリックすると、クリックが登録されていないように見えるため、これが主な問題であると推測しています。

どうすればこれを修正できますか? CSS のみのメニューを iOS で正常に動作させるためにできることはありますか?

問題の例は、ビーチ メニューの選択http://www.beachstays.com.au/にあります。

ありがとう

4

1 に答える 1

0

同様の問題に対して、jQuery を使用して css ホバー機能を模倣しました。試してみる価値はありますか？

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

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

$('.tohover').mouseout( function(){
  $(this).removeClass('hover');
});
于 2013-09-08T05:47:01.870 に答える