Cible IE9 ou IE8, mais pas les deux à l'aide de CSS

Je sais qu'il ne faut pas le faire, mais je veux juste une solution rapide pour l'instant et qui me donnera le temps de trouver une solution à ce.

Comment puis-je cibler IE8 seul à l'aide de CSS parce que j'ai essayé en ajoutant \9 tels que:

margin:100px;

Cependant, il influe également sur IE9 et je ne veux pas que, parce que sur IE9 l'ensemble du site a l'air bien.

Votre formulation est un peu déroutant. Qu'est-ce précisément que vous essayez de faire? Tout simplement fournir des CSS pour seulement IE8?
oui en gros, j'ai mis à jour ma réponse à essayer et expression-il mieux bien 🙂
Vous devez utiliser le temps de trouver une bonne correction au lieu d'attendre une réponse ici.
ce que l'enfer est le genre d'attitude, c'est que pour une légitime question sur la programmation une programmation Q&Un site? Vous devez utiliser le temps de trouver un peu de respect pour les autres, au lieu de décourager les gens d'utiliser comme il était destiné à être utilisé.
Je pense que vous avez mal compris d'esprit de cette remarque un peu. L'OP a dit "je veux juste une solution rapide pour l'instant et qui me donnera le temps de trouver une solution". Un hacky "quick fix", impliquant de ne fournir que de IE8 avec une règle distincte n'est pas aussi bon que les dépenses le temps de correctement comprendre le réel problème sous-jacent.

OriginalL'auteur Tsundoku | 2011-05-02

  1. 18

    De la HTML5 Boilerplate et à l'origine de Paul Irish:

    Changer votre <html> tag:

    <!--[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]-->

    Puis IE8 va ajouter un .ie8 classe à la balise html. De même pour toutes les autres versions d'IE. Vous pouvez alors:

    .ie8 {
    margin:100px;
}

    Edit: Supprimé le no-js classe, et s'il vous plaît mettre à jour le lang="" attribut à votre langue. Merci, eyelidlessness.

    Notez que lang="en" peut ne pas être approprié, et que no-js est probablement destiné à être retiré avec un script au début du chargement de la page.

    OriginalL'auteur Dan

  2. 9

    Cela devrait fonctionner seulement dans IE9 (et probablement les versions plus récentes):

    :root #element-id {
  margin: 400px;
}

    C'est parce que :root pseudo classe n'est pas implémenté dans les versions antérieures à IE9 (voir http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx).

    A travaillé comme un charme!
    c'était le plus simple et travaillé pour moi. Il n'a pas de cible Firefox ou Chrome. J'étais encore en mesure de cibler les seuls IE8 styles spécifiques. Merci pour le lien!

    OriginalL'auteur Xemlock

  3. 3

    Vous pouvez utiliser la fonction racine

    :root #element { color:pink \0/IE9; } /* IE9 + IE10pp4 */

    hack uniquement sur IE

    #element {
color:orange;
}
#element {
*color: white;    /* IE6 + 7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}
#element {
color: green
    #element {
color:orange;
}
#element {
*color: white;    /* IE6 + 7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}
#element {
color: green\0/IE8+9; /* IE8 + 9 + IE10pp4  */
}
:root #element { color:pink \0/IE9; }  /* IE9 + IE10pp4 */
    /IE8+9; /* IE8 + 9 + IE10pp4  */
}
:root #element { color:pink 
    #element {
color:orange;
}
#element {
*color: white;    /* IE6 + 7, doesn't work in IE8/9 as IE7 */
}
#element {
_color: red;     /* IE6 */
}
#element {
color: green\0/IE8+9; /* IE8 + 9 + IE10pp4  */
}
:root #element { color:pink \0/IE9; }  /* IE9 + IE10pp4 */
    /IE9; }  /* IE9 + IE10pp4 */

    OriginalL'auteur Selvamani

  4. 1

    Il y a trois façons de le faire,

    IE Commentaires Conditionnels

    IE commentaire conditionnel est probablement le plus couramment utilisé pour corriger les bogues d'IE pour des versions spécifiques (IE6, IE7, IE8). Ci-dessous sont des exemples de code pour les différentes versions d'Internet Explorer:

        <!--[if IE 8]> = IE8
    <!--[if lt IE 8]> = IE7 or below
    <!--[if gte IE 8]> = greater than or equal to IE8
    <!--[if IE 8]>
<style type="text/css">
    /* css for IE 8 */
</style>
<![endif]-->

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

    Règles CSS Spécifiques à Explorer (IE les hacks CSS)

    Une autre option consiste à déclarer des règles CSS qui ne peut être lu que par l'Explorateur. Par exemple, ajoutez un astérisque (*) avant de la propriété CSS cible IE7 ou ajouter un trait de soulignement avant de la propriété cible IE6. Cependant, cette méthode n'est pas recommandée, car ils ne sont pas valide la syntaxe CSS.

    IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 () at the end before the semicolon.
IE7 or below: add an asterisk (*) before the CSS property.
IE6: add an underscore (_) before the property.

.box {

    background: gray; /* standard */

    background: pink; /* IE 8 and below */

    *background: green; /* IE 7 and below */

    _background: blue; /* IE 6 */

}

    HTML conditionnel Classe

    La troisième option, qui a été fondée par Paul Irish, est d'ajouter une classe CSS avec la version de IE à la balise HTML en utilisant les commentaires conditionnels d'IE. Basicially, il vérifie si c'est IE, puis ajouter une classe à la balise html. Donc pour objectif spécifique la version de IE, il suffit d'utiliser la IE classe en tant que parent sélecteur (eg. .ie6 .l'encadré). C'est une manière intelligente et elle ne cause pas des erreurs de validation.

    <!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
    Heads up, le \9 hack affecte IE9 et IE10.

    OriginalL'auteur Sri