ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS書き込みメニュー:簡潔な注釈付きバージョン_体験交流

CSS書き込みメニュー:簡潔な注釈付きバージョン_体験交流

WBOY
リリース: 2016-05-16 12:10:03
オリジナル
1442 人が閲覧しました

ここでは、誰でも学習できるように、主に [表示/非表示] 効果を取り除いた簡潔なバージョンを示します。
主に a:hover[ie] と li:hover[non-ie] のステータスを使用してメニューの表示/非表示を切り替えます。
重要なポイント:
プログラム コード

このコメントは、IE6 および IE6 より前のブラウザのみが実行できることを意味します。 read IE6 および IE6 より前のブラウザで読み取られる HTML は次のとおりです:
プログラム コード

  • Navigation
    セカンダリ ナビゲーション



  • リンクを使用するのではなく、なぜこんなに複雑なのかと尋ねるかもしれません。その場合、 a:hover を記述するだけで済み、コードははるかに簡単になります。
    私は個人的に次のように考えています:
    標準を扱うには、できる限りセマンティクスに従う必要があります。
    IE6 以下では、a 以外のマークが付いたホバー疑似クラスがサポートされていないため、IE6 ではこれが同様の目的を達成する唯一の方法です...セマンティクスをあきらめる必要があります。
    でも、たった 1 つの IE6 のために鍋全体のスープを台無しにしたくないので、少し面倒なこともありますが、それでもやらなければなりません~

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート