Pourquoi pas: nième enfant travaillant dans IE9?

Selon cette page:nth-child devraient travailler dans IE9, et je l'ai essayé avant et ça marchait bien, mais sur cette pageil ne semble pas fonctionner. Afficher la page dans google Chrome pour voir le comportement voulu, et dans IE, vous verrez que cela ne fonctionne pas. Vous pouvez probablement voir cela avec un inspecteur web, mais, pour votre information, les lignes de CSS;

.ad_widget:nth-child(3n+2) { background: #efefef; }
.ad_mrow {background: #efefef;}`

Je suis à une perte. Des idées?

source d'informationauteur Jo Sprague

  1. 18

    Pour une raison que je ne peut pas comprendre, IE9, par défaut le mode de compatibilité pour la recherche à des sites intranet ou d'une page HTML stockées dans un fichier sur un PC. Le mode de compatibilité signifie "rendre des trucs comme un idiot vieux navigateur". Cela signifie que lorsque vous êtes en train de concevoir des choses pour un site web et que vous essayez d'afficher un aperçu de votre IDE préféré dans IE9, aucun des CSS3 ça marche. Vous devez cliquer sur Outils -> "paramètres d'affichage de compatibilité" dans la IE9 menu, puis décochez la satanés case "afficher interanet sites en mode de compatibilité'. À partir de là, le malheureux navigateur fonctionne comme n'importe quel sane navigateur comme Safari. Pourquoi ont-ils le faire? Dieu seul le sait, mais il m'a pris les âges de découvrir cette solution simple en raison du fait que j'ai gardé de le blâmer, de mon code.

  2. 8

    Ils regardent la même chose ici. Vous assurer que vous n'êtes pas en mode de compatibilité?

  3. 2

    Ma version d'IE9 a été enfermé dans IE8 mode de rendu, ce qui n'était pas appliquer le sélecteur suivant:

     .parentClass > div:nth-child(n+2) .childClass

    C'est ici que vous trouverez les options à modifier:

    Pourquoi pas: nième enfant travaillant dans IE9?

  4. 0

    Il semble fonctionner pour moi.Pourquoi pas: nième enfant travaillant dans IE9?

    Pourquoi pas: nième enfant travaillant dans IE9?

  5. -3

    <!DOCTYPE html> n'arrête pas de caprice de mode, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.