Un poco más de compatibilidad en navegadores.

Me tocó seguir un template tercerizado en estos días, a lo cual no tuve problema, lo pasé a php para hacer uso de includes y editar menos archivos, las paginas validan, etc, etc.


Pero mi problema existencial era que el banner hacia uso de PNG, y como saben, en versiones de iexplore menores a la 7, cuando una imagen PNG tiene transparencia salen cuadrados grises…


Bien, después de probar montones de hacks de PNG para iexplore y que ninguno funcionase, busqué una manera de cambiar la plantilla según que navegador estuviese navegando la página, pero a la vez no queria poner ese código horrible que no valida (o a mi no me validaba!) <!-- if lt IE 7 > blablabla, asi que googleando, llegué a Kabytes que a su vez me mostraba este sitio.


Bien, el propósito de este script es simple: cambiar el CSS según que navegador estuviese navegando, lo cual me convenia mucho, en vez de hacer otro CSS para cada navegador.


Lo que hice lo pueden ver en este ejemplo. Espero que les haya servido!.