ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS で IE7 および IE8 をターゲットにする方法: 包括的なガイド
CSS で IE7 および IE8 をターゲットにする方法: 包括的なガイド
- Linda Hamiltonオリジナル
- 2024-10-29 07:25:02910ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。