CSS hacks Internet Explorer 5-8

El objetivo principal de este artículo, no es el de usar estos 10 hacks para IE, pero si para entender lo que hacks se han estado utilizando por algunos webmasters… Para solucionar estas diferencias CSS entre navegadores (en este caso IE), yo recomiendo crear diferentes hojas de estilos, y así evitamos ensuciar nuestro archivo CSS. Si es cierto que si solo es algo puntual puede que si merezca la pena aplicarlos en nuestra hoja de estilos.

1. IE 8

.color { color: #f00/; }

2. IE 7

*+html .box { background:#f00; }  
*:first-child+html .box { background:#f00; }

3. IE 7 y anteriores

*:first-child+html {} * html {}

4. IE 7 y anteriores

.box { *background: #f00; } 

5. IE 6

.box { _background/**/:/**/ #f00; }

6. IE 6

.box { _background: #f00; }

7. IE 6
[cc lang=»css»]
*html .box { background:#f00; }
[/css]

8. IE 6 y anteriores

.box { _background: #f00; }

9. IE 5.5

.box { _background:/**/ #f00; }

10. IE 5.0

.box { _background/**/: #f00; }