Alternative pour nth-child pour les anciens navigateurs IE
Est-il une alternative pour cibler les éléments à l'aide de nth-child()
pour les anciens navigateurs IE?
Javascript (non-jquery) suffirait.
EDIT: compte tenu de bibliothèques supplémentaires ne peuvent pas être ajoutés à la page.
OriginalL'auteur Mechaflash | 2012-01-04
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser du jQuery :nth-child() sélecteur;
il n'y a pas :nth-child mise en œuvre dans la plaine du javascript, ce que vous pouvez faire est dans le cas où il n'existe pas de prise en charge jQuery est faire preuve de créativité avec css, tels que ceci cas ou [ce](pbdh.com/open-house/entry/poor-mans-nth-type] d'autres. Les solutions modernes pour les navigateurs plus anciens sont difficiles à trouver et de s'appuyer sur des hacks de travail et chaque cas est différent donc une vraie solution vous n'allez probablement pas à trouver.
pauvre homme nth-child devra suffire pour l'instant. Merci pour le lien =D
OriginalL'auteur Andres Ilich
elle le suce un peu, mais vous pouvez
Répétez l'opération si nécessaire.
L'amour de cette réponse, car elle ne nécessite CSS que IE comprend nativement.
la bonne réponse. un gain de temps. +1
OriginalL'auteur WraithKenny
Il est Selectivizr: http://selectivizr.com/
:nth-child
est pris en charge dans tous les framework javascript qui travaille avec elle, y compris jQuery.Le gros avantage avec l'aide de ce qu'il lit directement à partir de vos fichiers CSS plutôt que d'avoir à écrire du javascript supplémentaire (c'est discret). Vous pouvez tout simplement utiliser les sélecteurs avancés comme d'habitude.
J'ai toujours viens de finir à l'aide de CSS2 🙁 j'ai à l'appui de IE7, et aucune des solutions que je connais qui sont là peuvent faire face à de nouveaux éléments qui sont ajoutés à la DOM (pensez à AJAX), après la js patch charges et analyse de la CSS. Même le jquery solution dans l'autre réponse ne peut pas traiter avec ce que si vous utilisez l'livequery plugin ou quelque chose de similaire à l'appel de ces fonctions à nouveau lorsque la page est mise à jour. Si vous n'êtes pas d'ajouter de nouveaux éléments à la page, ce n'est pas un problème, mais c'est un énorme deal-breaker pour moi.
OriginalL'auteur Wesley Murch
Vous pouvez utiliser la IE9.js polyfill: http://ie7-js.googlecode.com/svn/test/index.html.
IEX.js arrêté Respond.js de travail. Donc attention si votre construction d'un site responsive qui ont besoin de soutien IE8 et ci-dessous.
OriginalL'auteur Matt Ball