古い Internet Explorer バージョン (7、8、9) との CSS スタイルの互換性を実現するにはどうすればよいですか?

Internet Explorer 7、8、および 9 の CSS スタイルの強化

Web 開発の領域では、さまざまなブラウザ間で互換性を達成することが最も重要です。 Internet Explorer (IE) に関しては、バージョン 7、8、9 のような古いブラウザでは、最適なレンダリングを確保するために特別な考慮事項が必要です。

共通の課題の 1 つは、これらの IE ブラウザ専用の CSS スタイルを変更することです。次の CSS ブロックが提供されていると考えてください。

<code class="css">.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}</code>

width: 100% プロパティを IE 7、8、9 のみに適用したい場合は、簡単な解決策が存在します。次の CSS コードを使用すると、このタスクを実行できます。

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}</code>

説明:

このコードは、Microsoft 固有のメディア クエリを使用します。 -ms-high-contrast プロパティは IE に固有であり、IE 10 以降でのみ解釈されます。このプロパティに両方の有効な値 (アクティブとなし) を指定すると、Internet Explorer はユーザーのハイ コントラスト設定に関係なく、指定されたスタイルを適用します。

以上が古い Internet Explorer バージョン (7、8、9) との CSS スタイルの互換性を実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。