CSS で IE7 および IE8 をターゲットにする方法: 包括的なガイド-CSSチュートリアル-php.cn

CSS で IE7 および IE8 をターゲットにする方法: 包括的なガイド

Linda Hamilton

リリース： 2024-10-29 07:25:02

オリジナル

857 人が閲覧しました

How to Target IE7 and IE8 with CSS: A Comprehensive Guide

CSS で IE7 および IE8 をターゲットにする: 総合ガイド

W3C 準拠を損なうことなく IE7 および IE8 にターゲットを絞ったスタイルを実現するには、明示的なブラウザ固有のクラスを使用することが効果的です。方法。これにより、信頼性の低い CSS ハックの必要がなくなります。

アプローチ 1: ブラウザー固有の HTML クラス

に HTML クラスを追加します。ブラウザに基づく要素:

<code class="html"><!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>

ログイン後にコピー

これにより、CSS で特定のブラウザをターゲットにできます:

<code class="css">.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}</code>

ログイン後にコピー

アプローチ 2: CSS ハック

または、次のこともできます。 CSS ハックを使用して IE バージョンをターゲットにします:

「9」は IE8 以下をターゲット
「*」は IE7 以下をターゲット
「_」は IE6

例:

<code class="css">body { 
border:1px solid red; /* standard */
border:1px solid blue; /* IE8 and below */
*border:1px solid orange; /* IE7 and below */
_border:1px solid blue; /* IE6 */
}</code>

ログイン後にコピー

IE10 をターゲット

IE10 は条件文を認識しません。それをターゲットにするには、次のスクリプトを使用します:

以上がCSS で IE7 および IE8 をターゲットにする方法: 包括的なガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。