css - CSSのIEのみの要素?

Question

CSS で IE のみの要素を作成する方法はありますか?

IE では、他のブラウザーと比較してマージンが異なる必要があります。実際のスタイルシート内でこれを行うにはどうすればよいですか?

Answer 1

これによると（@GODが言ったように、220msでGoogleで見つけました。Googleはあなたの友達です。）

IE のすべてのバージョンをターゲットにする

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

IE 以外のすべてをターゲットにする

<!--[if !IE]><!-->
    <link rel="stylesheet" type="text/css" href="not-ie.css" />
 <!--<![endif]-->

ターゲット IE 7 のみ

<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

ターゲット IE 6 のみ

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

ターゲット IE 5 のみ

<!--[if IE 5]>
    <link rel="stylesheet" type="text/css" href="ie5.css" />
<![endif]-->

ターゲット IE 5.5 のみ

<!--[if IE 5.5000]>
<link rel="stylesheet" type="text/css" href="ie55.css" />
<![endif]-->

ターゲット IE 6 以下

<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-and-down.css" />
<![endif]-->

ターゲット IE 7 以下

<!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" />
<![endif]-->

ターゲット IE 8 以下

<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

<!--[if lte IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->

ターゲット IE 6 以降

<!--[if gt IE 5.5]>
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->

<!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6-and-up.css" />
<![endif]-->

ターゲット IE 7 以降

<!--[if gt IE 6]>
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->

<!--[if gte IE 7]>
    <link rel="stylesheet" type="text/css" href="ie7-and-up.css" />
<![endif]-->

ターゲット IE 8 以降

<!--[if gt IE 7]>
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->

<!--[if gte IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-up.css" />
<![endif]-->

Answer 2

それには少なくとも2つの方法があります。

• IE 専用スタイルシート

  <!--[if IE]> <link rel="stylesheet" href="css/ie.css" type="text/css"/> <![endif]-->

• Javascript - ユーザー エージェントを確認し、IE が見つかった場合は必要なスタイルを適用します - jQuery が最適です。または、これを試すこともできます。