¿Existe una forma más rápida de dar soporte al selector ": antes" y ": después" en IE7?

Question

Mi diseño actualmente requiere muchos selectores :before y :after. IE7 no es compatible con estos selectores por lo que, después de un poco de excavación, ahora estoy usando IE7.js (la versión IE8).

Mientras funciona, hay un retraso notable (aproximadamente 15-20 segundos).

¿Alguien puede recomendar una alternativa más rápida para que pueda usar los selectores de elemento de puno :before y :after en IE7?

Answer 1

De los comentarios:

Si tiene tropecientos de :before y :after, la causa del problema podría ser slowish motor JavaScript de Internet Explorer 7 - si este es el caso, creo que' re sin suerte - IE7.js es probablemente como eficiente ya que vas a obtener.

y:

@thirtydot Tengo una página con una sola : before y: after y que se está llevando a unos 7-9 segundos, por lo que creo que eres derecho acerca de que sea el número de selectores que estoy usando.

IE7 :(

Answer 2

yo uso este truco CSS en CSS:

.button { 
*zoom: expression( 
     this.runtimeStyle.zoom="1", 
     this.insertBefore(document.createElement("div"), this.childNodes[0]).className="before", 
     this.appendChild(document.createElement("div")).className="after" 
    ); 

}

... y luego simplemente:

.button:before, 
.button .before{ 
    ... 
}