モバイルデバイスでの応答性のあるナビゲーションの問題

Question

私は敏感なナビゲーションの実装に多くの問題がありました。問題を修正し、別の問題を作成します。 T

私は対処しなければならないのは、応答可能なナビゲーションが閉じられているときにulリンクをクリックできることです。

モバイルデバイスでwww.smij.com.auをご覧ください。

ウェブサイトに他の問題がある場合は、ご意見ください。すべてのフィードバックを評価してください

Answer 1

あなたのli要素には不透明度0のCSSルールがあり、ナビゲーションを表示すると不透明度が1に変わります。要素はまだ表示されていますが、視覚的に表示されないのでクリックできます。

通常、ドロップダウンメニューはJSまたはCSSによって完全にulドロップダウン要素を隠しています。 codepenには多くの実用的な例があります。