¿Los pseudo elementos CSS3 :: antes y :: después son compatibles con IE9 o no?

En esta tabla de compatibilidad de MS , dice, IE9 no admite pseudo-elements ::before y ::after , pero cuando lo bash parece que sí … see JSBin

¿Estoy haciendo algo mal? Pensé ::before y ::after serían buenas herramientas para ocultar cosas de IE9, cuando de hecho, no lo hacen.

Los pseudo-elementos CSS2 :before y :after , con la notación tradicional de un solo punto, son compatibles con IE8 y posterior. No son nuevos en CSS3.

La notación de dos puntos, por otro lado, es nueva para CSS3 . IE9 admite esta nueva notación para ::before y ::after , y asimismo para los pseudo-elementos de CSS1 ::first-line y ::first-letter . Sin embargo, en el futuro, ningún pseudo-elemento nuevo puede usar la syntax de dos puntos, y se espera que los navegadores (incluido IE) admitan la syntax de dos puntos para todos los pseudo-elementos.

No tengo idea de por qué esa tabla dice que IE9 no admite la nueva syntax de pseudo-elemento, porque ciertamente lo hace de acuerdo con los documentos para los selectores individuales vinculados anteriormente, y su caso de prueba. Además de, por supuesto, esta respuesta.

IE 9 admite las notaciones ::after y ::before (con dos puntos) en “modo estándar”. En “modo peculiar”, no es así. Esto se puede probar, por ejemplo, de la siguiente manera:

  

Hello world

Aquí se ignora la regla CSS, porque IE 9 va al modo peculiar. Pero si agrega la siguiente línea desde el principio, IE 9 pasa al modo estándar y la regla de CSS entra en vigencia:

  

Es común en IE 9 que en el modo peculiar , las nuevas funciones CSS (la mayoría de las características que no están en CSS 2.1 o en el legado de IE) no sean compatibles. En el modo peculiar, IE 9 no admite las antiguas notaciones de un punto :after y :before either. Los admite (pero no las versiones de dos puntos) en “Modo IE 8”, que puede seleccionar manualmente en las herramientas de desarrollador (F12), en el menú “modo de documento”, o en el nivel del documento utilizando la etiqueta .

Como se cita en http://www.w3.org/community/webed/wiki/Advanced_CSS_selectors

Sintaxis de dos puntos de pseudo-elemento de CSS3 Tenga en cuenta que la nueva forma de escribir los pseudo-elementos de CSS3 es usar dos puntos dobles, por ejemplo, a :: after {…}, para diferenciarlos de las pseudo-clases. Puede ver esto a veces en CSS. Sin embargo, CSS3 también permite pseudo-elementos de un solo colon, por razones de compatibilidad con versiones anteriores, y le aconsejamos que se quede con esta syntax por el momento.