Comment cibler IE9 avec de nouveaux HTML5 Boilerplate?

Je suis en train de cibler une classe pour IE. Cependant, depuis le standard modèle a changé, cela ne fonctionne plus..

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

C'est ce qui est dans le nouvel en-tête de la standard template.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
InformationsquelleAutor user992731 | 2012-02-10
  1. 18

    Nous ne vous recommandons pas de cible IE9 car il a tous le marquage d'un navigateur moderne, c'est pourquoi nous n'avons pas IE9 conditionnels de classe. Si vous préférez, vous pouvez utiliser:

    <!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    Noter que IE10 ne reconnaissent pas les commentaires conditionnels.

    • Je suis content de trouver ce. box-shadow est buggé dans IE9 et IE10. Cela vous sera utile pour résoudre le problème dans IE9. IE10 va malheureusement avoir à rester un problème, je suppose. 🙁
    • Je dois dire que si cette solution de contournement consiste à être utilisé, qu'il serait plus correct d'inclure lt-ie10 classe dans tous les commentaires conditionnels, non seulement dans le IE 9, de sorte que le sélecteur .lt-ie10 serait travailler pour tous IE avant 10 h)
    • J'ai eu pour cible IE9 en raison d'une mauvaise calculcation de rembourrage à l'intérieur d'un 'header' lorsque le font-size à l'intérieur de l'en-tête a été dans les em de l'
    • Ne serait pas IE10 et un autre navigateur manquant <html> tag?
    • Il existe une exception particulière où même les commentaires conditionnels n'aident pas. Lorsque votre page est ouverte dans un iframe où l'hôte est en mode quirks sur. Habituellement, si il va dans l'autre sens IE simule mode quirks pour l'iframe, mais si l'hôte est dans les bizarreries de l'iframe est également rendu dans les caprices (comme IE ne peut pas afficher une page web avec deux moteurs à la fois). Dans le cas présent conditionnel du commentaire ne fonctionnent pas et vous devez vous rabattre sur JS hacks pour obtenir le stuff beau avec des polyfills et shivs.
    InformationsquelleAutor Divya Manian
  2. 0

    Yak Passe-Partout! De toute façon:

    .lt-ie9.lt-ie8 .myclass {}

    devrait faire ce que vous voulez.

    MODIFIER

    Désolé mal lu votre question, puisque vous mettez IE7 dans l'exemple. Si vous voulez IE9, tu peux faire:

    .myclass {}
    • Correct! Cependant, qui ne fera que seule cible de IE7. "lt" signifie moins de. donc .lt-ie9 cible IE8. J'ai besoin de cibler IE9 ainsi..donc le changer pour .lt-ie10 ne fonctionne pas...des idées?
    • eh bien j'ai besoin de cible, c'est à dire par: "color: transparent;" autant que je sache, il n'est pas pris en charge.
    InformationsquelleAutor PeeHaa