HTML を使用して IE8 および IE9 の互換表示モードを無効にするヒント

HTML を使用して IE8 および IE9 の互換表示モードを無効にするヒント
IE 8 以降では互換モードが追加され、これを有効にすると IE の下位バージョンでレンダリングされるようになりました。しかし、これによって Web ページに問題が発生する場合があるため、通常は HTML に次のコードを追加して、IE が固定レンダリング モードを使用するようにします。

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

<meta http-equiv="X-UA-compatible" content="IE=8"> <!--IE8 モードでレンダリング-->
<meta http-equiv="X-UA-compatible" content="IE=7"> <!-- IE7 モードでレンダリング -->

しかし、互換モードを使用しないとIE8でのみページが正常に表示されるという状況に遭遇しました。ただし、モードをIE8に設定すると、IE9ではCSS3が無効になります。 IE8 と IE9 の互換モードをそれぞれ無効にする必要があるようです。どうすればいいですか?バックグラウンドでブラウザのバージョンを判別できます。IE8 の場合は content="IE=8" を出力し、IE9 の場合は content="IE=9" を出力します。しかし、これは HTML では不可能です。実際、次のコードを使用するだけでこれを実現できます。

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

<meta http-equiv="X-UA-compatible" content="IE=9; IE=8; IE=7; IE=EDGE">

<<:  CSS リンク アドレスの後に疑問符 (?) を追加すると、どのような意味になりますか?

>>:  ウェブサイトはグレー表示されています。画像を含む互換コードはすべてのブラウザをサポートしています

推薦する

ウェブページのテキストデザインは、服を着た賢い女の子のようであるべきだ

<br />「この世に醜い女性はいない、あるのは怠惰な女性だけだ」これは女性の美のバイブ...

カレンダーウィジェットのネイティブJS実装

この記事の例では、カレンダーウィジェットを実装するためのjsの具体的なコードを参考までに共有していま...

Oracle の MySQL バージョンでユーザー Scott のテーブル ステートメントを作成する例

概要: Oracle scottユーザーには4つのテーブルがあり、実験やデータ検証に便利です。現在は...

React useEffect の理解と使用

目次繰り返しレンダリングループを避ける副作用の除去についてReact16.8 の新しい useEff...

MySQLデータベースの圧縮バージョンのインストールと設定に関する詳細なチュートリアル

目次1. MySQLをダウンロードする2. 圧縮パッケージを解凍する3. MySQLを初期化する4....

Ubuntu 16.04 mysql5.7.17 リモートポート 3306 を開く

MySQLへのリモートアクセスを有効にするデフォルトでは、MySQL ユーザーにはリモート アクセス...

Linux カーネルプログラミングにおけるコンテナの of() 関数の紹介

序文Linux カーネルプログラミングでは、マクロ関数 container_of(ptr, type...

CSS3で実装されたテキストポップアップ効果

成果を達成する実装コードhtml <div>123WORDPRESS.COM</d...

Nginxのアクセス制限設定の詳細な説明

Nginxのアクセス制限設定とはNginx のアクセス制限は、IP ベースのアクセス制御とユーザーベ...

CentOS 6.5 i386 インストール MySQL 5.7.18 詳細チュートリアル

ほとんどの人はMySQLをコンパイルしてシステムディレクトリに置きますが、私のやり方はコンパイルした...

史上最もクリエイティブな404ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます

ウェブを閲覧しているときに 404 ページに遭遇することはあまりないので、見落としがちです。しかし、...

CSS3 カスタムスクロールバースタイル::webkit-scrollbar サンプルコード詳細説明

Windows のデフォルトのスクロール バー スタイルは見苦しく、プロジェクト内でスクロール バー...

MySQLの比較演算子正規表現マッチングREGEXPの使用の詳細な説明

1. データを初期化する `test_01` が存在する場合はテーブルを削除します。 テーブル「te...

WeChatアプレットがユーザーの移動軌跡を記録

目次設定を追加json 構成レイヤー構成の表示論理層の構成位置追跡をオンにする録音を開始開始座標を決...

WeChat アプレットの日付と時刻のコンポーネント (年、月、日、時間、分)

この記事の例では、WeChatアプレットの日付と時刻コンポーネントの具体的なコードを参考までに共有し...