Les pseudo-éléments CSS3 :: before et :: after sont-ils supportés par IE9 ou non?

Sur ce MS, tableau de compatibilité il dit, IE9 ne prend pas en charge les pseudo-éléments ::before et ::aftermais quand j'essaie, il semble qu'il n'... voir JSBin

Je fais quelque chose de mal? J'ai pensé ::before et ::after serait bien des outils pour cacher des choses à partir d'IE9, alors qu'en fait ils ne le font pas.

source d'informationauteur frequent

  1. 27

    Le CSS2 pseudo-éléments :before et :afteravec le traditionnel seul colon notation, sont pris en charge par IE8 et plus tard. Ils ne sont pas nouveaux en CSS3.

    Le double deux-points de la notation, d'autre part, est nouveau en CSS3. IE9 ne de soutenir cette nouvelle notation pour ::avant et ::afteret de même pour la CSS1 pseudo-éléments ::first-line et ::first-letter. À l'avenir, cependant, aucune nouvelle pseudo-élément peut utiliser le côlon de la syntaxe, et les navigateurs (y compris IE) sont attendus pour soutenir les deux points de syntaxe pour tous les pseudo-éléments.

    Je n'ai aucune idée de pourquoi cette table, dit IE9 ne prend pas en charge la nouvelle pseudo-élément de syntaxe, car il n'est certainement selon les docs pour l'individu sélecteurs ci-dessus, et votre cas de test. Ainsi que, bien sûr, cette réponse.

  2. 5

    IE 9 prend en charge les notations ::after et ::before (deux-points) en “mode standard”. En “mode quirks”, il ne le fait pas. Cela peut être testé par exemple comme suit:

    <style>
p::after  {  
  content: "***AFTER***";  
} 
</style>
<p>Hello world

    Ici la règle CSS est ignorée, car IE 9 passe en mode quirks. Mais si vous ajoutez la ligne suivante au tout début, c'est à dire 9 va pour le mode standard et le CSS règle prend effet:

    <!doctype html>

    Il est commun dans IE 9 qui dans en mode quirksde nouvelles fonctionnalités CSS (la plupart des fonctionnalités qui ne sont ni en CSS 2.1 ou dans le IE héritage) ne sont pas pris en charge. En mode quirks, IE 9 ne prend pas en charge l'ancien colon notations :after et :before. Il les prend en charge (mais pas les deux versions du côlon) dans “c'est à dire 8 mode”, vous pouvez sélectionner dans les outils de développement (F12) à la main, dans le document “mode” dans le menu, ou au niveau du document à l'aide de la balise <meta http-equiv="X-UA-Compatible" content="IE=8">.

  3. 1

    Comme cité de http://www.w3.org/community/webed/wiki/Advanced_CSS_selectors

    CSS3 pseudo-élément à double deux-points syntaxe
    Veuillez noter que le nouveau CSS3
    l'écriture de pseudo-éléments est d'utiliser un double deux-points, par exemple, a::after {
    ... }, pour les mettre à part les pseudo-classes. Vous pouvez voir ce
    parfois dans le CSS. CSS3 aussi, cependant, permet encore un seul colon
    pseudo-éléments, pour des raisons de compatibilité ascendante, et nous
    vous conseillons de coller avec cette syntaxe pour le moment.