ここでは、誰でも学習できるように、主に [表示/非表示] 効果を取り除いた簡潔なバージョンを示します。
主に a:hover[ie] と li:hover[non-ie] のステータスを使用してメニューの表示/非表示を切り替えます。
重要なポイント:
プログラム コード
このコメントは、IE6 および IE6 より前のブラウザのみが実行できることを意味します。 read IE6 および IE6 より前のブラウザで読み取られる HTML は次のとおりです:
プログラム コード
Navigation
リンクを使用するのではなく、なぜこんなに複雑なのかと尋ねるかもしれません。その場合、 a:hover を記述するだけで済み、コードははるかに簡単になります。
私は個人的に次のように考えています:
標準を扱うには、できる限りセマンティクスに従う必要があります。
IE6 以下では、a 以外のマークが付いたホバー疑似クラスがサポートされていないため、IE6 ではこれが同様の目的を達成する唯一の方法です...セマンティクスをあきらめる必要があります。
でも、たった 1 つの IE6 のために鍋全体のスープを台無しにしたくないので、少し面倒なこともありますが、それでもやらなければなりません~