準拠した CSS を使用して IE7 および IE8 を具体的にターゲットにする方法は?-CSSチュートリアル-php.cn

準拠した CSS を使用して IE7 および IE8 を具体的にターゲットにする方法は?

Susan Sarandon

リリース： 2024-10-29 21:00:03

オリジナル

742 人が閲覧しました

How to Specifically Target IE7 and IE8 with Compliant CSS?

準拠 CSS で IE7 および IE8 を具体的にターゲットにする方法

ブラウザ固有の CSS ターゲットを達成することは、特に次のような古いバージョンに対応する場合には困難になることがあります。 IE7とIE8。ここでは 2 つのアプローチを示します。

HTML と CSS を使用したハックなしの明示的なターゲティング

この方法は、のブラウザ固有のクラスの作成に依存しています。要素。例:

<code class="html"><!--[if IE]>
<![endif]-->
<!--[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 IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]--></code>

ログイン後にコピー

CSS 内で、特定の IE バージョンを正確にターゲットにできます:

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

ログイン後にコピー

CSS "Hacks" で IE バージョンをターゲット

CSS の「ハック」には、次のルールが適用されます:

IE8 以下を対象とする場合は「9」を使用します。
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 の場合条件文を認識しない場合は、次のコードを使用します:

<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><!--<![endif]-->
  <head></head>
  <body></body>
</html></code>

ログイン後にコピー

以上が準拠した CSS を使用して IE7 および IE8 を具体的にターゲットにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。