3

iOSの次のサイトのリンクに奇妙な問題があります。

http://www.bllink.net/aircraftindex.asp

[ギャラリー]メニューでは、サブメニューの下のリンク（「ベニー」など）をタップしても何も起こりません。Safariが新しいページに移動するように見えますが、移動しません。

ただし、タップアンドホールドすると、期待どおりに新しいタブでリンクを開くオプションがあります。

当然、このサイトはデスクトップでも問題なく動作します。

リンクを保持しているDIVは、position：fixedではなく、absoluteに設定されています。

何か案は？

4

1 に答える 1

1

javascriptを取り除き、CSSを使用してドロップダウンメニューを完成させます。これにより、コードがよりすっきりと読みやすくなり、WebサイトはJavaScriptがオフになっているブラウザーと互換性があります。

これを行うには、cssの：hoverセレクターを使用します。

1）したがって、メニュー項目またはdivを含むdivを含むリストを作成します。

2）次を追加してcssのサブメニューを非表示にします。display：none;

3）ホバーセレクターを使用して、ホバー時に表示します。例えば：

   .menu .menubutton .submenubutton{
      /* selects the div or li within the class menubutton within the class menu */
      display: none;    }    .menu .menubutton:hover .submenubutton{
      /* uses the hover selector on the menubutton, then shows the submenu it contains */
      display: block;    }

詳細な説明については、csswizardryまたはgoogleの「cssドロップダウンメニュー」に関するこの記事を参照してください：http： //csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

于 2012-12-20T15:56:58.490 に答える