En algún momento MeTaL_oRgY comentaba sobre cómo evitar el uso de hacks en nuestras CSS pero debo de admitir que muy seguido recurro a ellos, en otros casos a los comentarios condicionales para IE y por si a ustedes en algún momento les hace falta aquí les dejo una muy buena lista, tomando en cuenta diferentes navegadores, sistemas operativos y versiónes de los mismos.
Procuren no dejar espacios entre líneas
IE5/Mac solamente
/ * \ * / / * / selector { propiedad: valor; } / * * /
IE5/Mac solamente
* html>body selector { propiedad: valor; }
IE6-/Win solamente
/ * \ */ * html selector { propiedad: valor; } / * * /
IE5.5-/Win solamente
* html selector { propiedad: valor; p\ropiedad: normal-valor; }
IE5.5-/Win solamente
selector { propiedad: valor; p\ropiedad: normal-valor; }
IE7 solamente
*+html selector { propiedad: valor; }
Todos menos IE5/Mac
/ * \ * / selector { propiedad: valor; } / * * /
Todos menos IE5/Mac
@media all { selector { propiedad: valor; } }
Todos menos IE6-/Win
html>body selector { propiedad: valor; }
IE 6, 5.5 /Win solamente
* html selector { propiedad/ * * /: valor; }
Todos menos IE6/Win/standards mode
selector { propiedad/ * * /: valor; }
Todos menos IE5.5/Win
selector { propiedad: / * * /valor; }
Op7+ solamente (& Saf 3?)
@media all and (min-width: 0px) { selector { propiedad: valor; } }
Nota: “Todos” == IE5+/Win, Op6+, Moz, IE5/Mac, Saf
Fuente:Essential css hacks
En este sitio tienen artículos muy buenos como: CSS browsers separation, some “advanced” CSS selectors, (Bad) CSS hacks, CSS hacks for modern browsers.
2 comentarios para CSS Hacks
Very like techniques. Thank you.
Muchas gracias… esas diferencias entre navegadores son un dolor de cabeza