El hack universal para CSS de GiantIsland
Trasteando con la revista Tinta Digital, lo que me esperaba es que los problemas los diera Internet Explorer (a la hora de codificar HTML y CSS para que se muestren correctamente las páginas). Para ese navegador ya existen los consabidos hacks. Lo que me ha sorprendido es que el dolor de cabeza viniera del lado de Chrome, el navegador de Google. La duda es si estamos ante un nuevo IE 6.
En cualquier caso, enseguida se hizo famoso este hack universal de GiantIsland para resolver de una atacada el problema y que no había tenido ocasión de probar. A continuación, el test. Cada navegador mostrará un color diferente para el siguiente texto:
Rojo: antigua versión de Mozilla (< 1.01)
Amarillo: la más reciente versión de Chrome (2.01+), Opera y Safari (4.0+)
Azul: Chrome (1.0 – 2.01) y Safari (1-3)
Gris: IE8
Púrpura: IE7
Verde: IE6
Naranja: IE5
Y he aquí el “super” hack, convenientemente explicado en CSS Hack for Chrome, Safari, and Internet Explorer.
#test1 {
font-weight:bold;
font-size:14px;
color:orange;
voice-family:”\”}\”";
voice-family:inherit;
color:grey;\
color:black;
[color:black;
color:yellow;]
}
/*end*/
/*\*/
html*#test1 {
[color:red;
color:blue;
]color:purple;
}/*end*/
.dummyend[id]{clear:both;}/*\*/
* html #test1 {
color:green;
}
/*end*/
