目次
IE9
ホームページ ウェブフロントエンド CSSチュートリアル IE のバージョンごとに異なる CSS が使用されます (CSS 条件付きコメント文の使用法)_CSS/HTML

IE のバージョンごとに異なる CSS が使用されます (CSS 条件付きコメント文の使用法)_CSS/HTML

May 16, 2016 pm 12:03 PM
css ie

1. 条件付きコメントの概要
1. IE の条件付きコメントは、IE のバージョンと IE 以外のバージョンを区別する優れた機能を備えており、WEB デザインでよく使用されるハック手法です。
2. 条件付きコメントは IE5 以降でのみ使用できます。
3. 複数の IE がインストールされている場合、条件付きコメントは IE の最新バージョンに基づきます。
4. 条件付きコメントの基本構造は HTML コメント () と同じです。したがって、IE 以外のブラウザでは、これらは通常のコメントとして扱われ、完全に無視されます。
5.IE は、if 条件を使用して、通常のページ コンテンツと同様に、条件付きコメント内のコンテンツを解析するかどうかを決定します。
2. 条件付きコメント属性
gt: より大きい、条件付きバージョンより上のバージョンを選択します。条件付きバージョンは含まれません
lt: より小さい、条件付きバージョンより下のバージョンを選択します条件付きバージョン、条件は含まれません バージョン
gte: 以上、条件付きバージョンを含む、条件付きバージョンより上のバージョンを選択します
lte: 以下、条件付きバージョンより下のバージョンを選択します、条件付きバージョンを含む条件付きバージョン
!: 高低に関係なく、条件付きバージョンを除くすべてのバージョンを選択します
1. CSS if ハック条件付き構文
IE のみ
IE が付属するすべての WIN システムのみが IE を認識できます。

IE 5.0 のみ
IE5 のみ。 0 は認識可能

IE 5.0 のみ
IE5.0 と IE5.5 の両方で認識可能
IE 6 のみ -
IE6 のみ認識可能

のみIE 6/
IE6 および IE6 .x より前の IE5 は認識可能


IE7 のみ認識可能

IE 7/
IE7、IE6、IE5 のみ。 IE7 以下の x はすべて認識可能


IE8 のみ認識可能

IE 9 のみ/-
IE9 のみが認識できます

注: if の後に lt gte を追加すると、効果が異なります (同じ他のパラメータの追加に適用されます)
= IE8 IE8 のみが識別できます
= IE7 以前のバージョン
= IE8 バージョン以上
次のコードは、ブラウザで実行する非 IE 条件付きコメント用です
Internet Explorer を使用していません


Internet Explorer のバージョンを使用しています6 または IE 以外のブラウザ

コードをコピー コードは次のとおりです。





DIV IF 条件の例


使用しているもの:

IE7








: ブラウザのバージョンが IE6 ~ IE9 の場合は、IE のバージョンが表示されます。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ブートストラップボタンの使用方法 ブートストラップボタンの使用方法 Apr 07, 2025 pm 03:09 PM

ブートストラップボタンの使用方法は?ブートストラップCSSを導入してボタン要素を作成し、ブートストラップボタンクラスを追加してボタンテキストを追加します

ブートストラップのサイズを変更する方法 ブートストラップのサイズを変更する方法 Apr 07, 2025 pm 03:18 PM

Bootstrapの要素のサイズを調整するには、次のものを含むDimensionクラスを使用できます。

ブートストラップのフレームワークをセットアップする方法 ブートストラップのフレームワークをセットアップする方法 Apr 07, 2025 pm 03:27 PM

Bootstrapフレームワークをセットアップするには、次の手順に従う必要があります。1。CDNを介してブートストラップファイルを参照してください。 2。独自のサーバーでファイルをダウンロードしてホストします。 3。HTMLにブートストラップファイルを含めます。 4.必要に応じてSASS/LESSをコンパイルします。 5。カスタムファイルをインポートします(オプション)。セットアップが完了したら、Bootstrapのグリッドシステム、コンポーネント、スタイルを使用して、レスポンシブWebサイトとアプリケーションを作成できます。

ブートストラップに写真を挿入する方法 ブートストラップに写真を挿入する方法 Apr 07, 2025 pm 03:30 PM

ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。

ブートストラップにスプリットラインを書く方法 ブートストラップにスプリットラインを書く方法 Apr 07, 2025 pm 03:12 PM

ブートストラップスプリットラインを作成するには2つの方法があります。タグを使用して、水平方向のスプリットラインを作成します。 CSS Borderプロパティを使用して、カスタムスタイルのスプリットラインを作成します。

ブートストラップの日付を表示する方法 ブートストラップの日付を表示する方法 Apr 07, 2025 pm 03:03 PM

回答:ブートストラップの日付ピッカーコンポーネントを使用して、ページで日付を表示できます。手順:ブートストラップフレームワークを紹介します。 HTMLで日付セレクター入力ボックスを作成します。ブートストラップは、セレクターにスタイルを自動的に追加します。 JavaScriptを使用して、選択した日付を取得します。

ブートストラップの日付を確認する方法 ブートストラップの日付を確認する方法 Apr 07, 2025 pm 03:06 PM

ブートストラップの日付を確認するには、次の手順に従ってください。必要なスクリプトとスタイルを紹介します。日付セレクターコンポーネントを初期化します。 Data-BV-Date属性を設定して、検証を有効にします。検証ルール(日付形式、エラーメッセージなどなど)を構成します。ブートストラップ検証フレームワークを統合し、フォームが送信されたときに日付入力を自動的に検証します。

ブートストラップナビゲーションバーの設定方法 ブートストラップナビゲーションバーの設定方法 Apr 07, 2025 pm 01:51 PM

ブートストラップは、ナビゲーションバーをセットアップするための簡単なガイドを提供します。ブートストラップライブラリを導入してナビゲーションバーコンテナを作成するブランドアイデンティティの作成ナビゲーションリンクの作成他の要素の追加(オプション)調整スタイル(オプション)

See all articles