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 リンク アドレスの後に疑問符 (?) を追加すると、どのような意味になりますか?
>>: ウェブサイトはグレー表示されています。画像を含む互換コードはすべてのブラウザをサポートしています
推薦する
CentOS 8にdockerをインストールする最も詳細な方法
CentOS 8にDockerをインストールする公式ドキュメント: https://docs.doc...
JS の 3 つの主要な問題、非同期性とシングルスレッドについて簡単に説明します。
目次シングルスレッド非同期シングルスレッドしかし、開発中にネットワーク リクエストやスケジュールされ...
Div CSS 命名標準 CSS クラスの命名規則 (SEO 標準に準拠)
検索エンジン最適化 (SEO) では実行すべきタスクが多数ありますが、その中でもコードの最適化は重要...
配列をフラット化する 5 つの JavaScript の方法
目次1. 配列の平坦化の概念2. 実装1. 減らす2. toString と split 3. 結合...
HTMLでカメラを読み込む方法
効果図: 全体的な効果: ビデオ読み込み中: 写真：ステップ1: HTML要素を作成するまず、HTM...
MySQL の on と where における左結合設定条件の使用法の違いの分析
この記事では、MySQL の左結合における on 条件と where 条件の使用法の違いを例を使って...
LambdaProbe を使用して Tomcat を監視する方法
導入： Lambda Probe (旧称 Tomcat Probe) は、Apache Tomcat...
JavaScriptは、マウスが通過したときにドロップダウンボックスを表示するように実装します。
この記事では、マウスがドロップダウンボックスの上を通過するときにドロップダウンボックスを表示するため...
テーブルタグ（TAGS）の詳細な紹介
テーブルの基本構文<table>...</table> - テーブルを定義し...
Vue で $attrs と $listeners を使用するチュートリアル
目次導入例要約する導入$属性すべての親コンポーネントのプロパティを継承します (props を通じて...
MySQLデータベースが大きすぎる場合にバックアップと復元を行う方法
コマンド: mysqlhotcopyこのコマンドは、ファイルをコピーする前にテーブルをロックし、不完...
MySQL 5.7.17 のインストールと使用方法のグラフィックチュートリアル
MySQL は、スウェーデンの会社 MySQL AB によって開発され、現在は Oracle が所有...
Vue.jsは背景テーブルコンポーネントのカプセル化を管理します
目次問題分析なぜカプセル化なのかパッケージの内容は何ですか？テーブルコンポーネントをカプセル化するデ...
Vueはツリー構造の追加、削除、変更、チェックのサンプルコードを実装します
実は多くの会社がユーザー権限ツリーに似た機能を持っています。最近、追加、削除、修正のツリー構造を書き...
コードをセマンティックにする HTML のヒント
HTML のセマンティクスはありふれた問題のようです。Google で検索すると、セマンティクスに関...