 Febrero 25th, 2008  CSS, Javascript, navegadores |
Una de las tareas mas tediosas de los programadores es validar nuestro css contra varios navegadores(especialmente en IE que parece no tener soporte para css :P), basandose en este problema, Rafael Lima nos provee de una ayuda realmente util: Una funcion que nos permite declarar un prefijo para cada navegador, por ejemplo:
CSS:
-
.ie .example {
-
background-color: yellow
-
}
-
.ie7 .example {
-
background-color: orange
-
}
-
.gecko .example {
-
background-color: gray
-
}
-
.win.gecko .example {
-
background-color: red
-
}
-
.linux.gecko .example {
-
background-color: pink
-
}
-
.opera .example {
-
background-color: green
-
}
-
.konqueror .example {
-
background-color: blue
-
}
-
.safari .example {
-
background-color: black
-
}
-
.example {
-
width: 100px;
-
height: 100px;
-
border: 1px solid black;
-
}
Segun la demo, parece funcionar bastante bien, y lo mas importante (bueno, para mi) valida el css perfectamente!.
Actualmente soporta los siguientes navegadores:
- ie - Internet Explorer (All versions)
- ie6 - Internet Explorer 6.x
- ie5 - Internet Explorer 5.x
- gecko - Mozilla, Firefox, Camino
- opera - Opera (All versions)
- opera8 - Opera 8.x
- opera9 - Opera 9.x
- konqueror - Konqueror
- webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira
Via | StylizedWeb.com
Descargar | CSS Browser Selector
Demo y Mas info | CSS Browser Selector
Tutorial: Ajax...
