CSS: antes /: después de selectores en IE 6,7

Question

sé que: antes /: después de selectores no están disponibles en IE 6,7
http://www.quirksmode.org/css/contents.html

¿Existe un js truco para activar el soporte de estos selectores en IE?

Answer 1

de jQueries curso before y after

qué otra cosa;)

Answer 2

No sé qué tan bien funciona; pero una rápida búsqueda encontró un resultado prometedor:

http://jquery.lukelutman.com/plugins/pseudo/

CSS2 de: before y: after pseudo-selectores son realmente útil ... pero no funcionan en Internet Explorer. No, ni siquiera IE7. Apuesto a que está pensando: "¿Y si usáramos tantas características propietarias de Microsoft como fuera posible al mismo tiempo, que las muestre?" ¿Y sabes qué? Tienes toda la razón. Usted acaba de me encanta que esto - * {comportamiento: expresión (...); } - puede (más o menos ) permitirá: before y: after para IE5.5 +

Con jquery.pseudo.js en el de su documento, a continuación, puede hacer:

p:before, p { 
    before: 'foo'; 
    content: 'foo'; } 

p:before, p .before { 
    color: blue; } 

Answer 3

Hay una solución Javascript llamada Internet Explorer 7, que corrige errores comunes IE: http://code.google.com/p/ie7-js/

Answer 4

usando jQuery puede Bosh en el supposrt donde quiera, un poco como esta pepita

/* fix top nav ui in ie6*/ 
if ($.browser.msie && $.browser.version <= 6) { 
    $('#topNav ul li a:not(:last)').after("/"); 
} 

Answer 5

Encontramos este cuando se trata de crear esta https://gist.github.com/1133433 con soporte para IE 6 y 7 He intentado usar el modelo de caja flexible CSS3, pero he encontrado un error en el kit web cuando uso la caja flexible CSS3 con el tamaño de la caja: borde-caja, relleno y anchos fijos. Rompe la alineación de caja predeterminada: estirar (alturas iguales). Era esto o resolución usar una tabla.

La caja flexible CSS3 parece difícil de controlar. Si desea establecer anchuras fijas y cosechar los beneficios de box-align: estirar y establecer el relleno, usted es SOL.