¿Estás cansado de maquetar y maquetar un sitio sin poder hacer que se vea igual en todos los navegadores? Los CSS Hacks son códigos CSS específicos para diferentes navegadores que solo ellos lo ven.
Por ejemplo, si tenés un margin-top:10px; y querés que en Chrome sea de 5px; debes aplicar el CSS Hack correspondiente al Chrome.
Esta no es la mejor manera de maquetar un sitio. Pero a veces al continuar un proyecto de base sin usar por ejemplo un reset.css o al usar muchos jquerys sufrimos diferentes visualizaciones en los distintos navegadores web.
Por eso esta solución no ha de ser abusada si pero si usada para algunos cambios que nos vuelven locos.
A continuación les dejamos los css hacks para los principales navegadores.
Usaremos este estilo en todos los ejemplos:
.thecrew {
color: #E67E22;
}
CSS HACKS
Internet Explorer
.thecrew {
color: #E67E229;
}
Chrome (tambien funciona para Safari)
@media screen and (-webkit-min-device-pixel-ratio:0) {
.thecrew {
color: #E67E229;
}
Safari
html[xmlns*="] body:last-child .thecrew {
color: #E67E229;
}
Firefox
@-moz-document url-prefix() {
.thecrew {
color: #E67E229;
}
}
Esperamos que les haya servido este pequeño tutorial y contamos con que comenten algún cambio que vean necesario o si al paso del tiempo estos códigos van cambiando, las correcciones son bienvenidas.
