La semana pasada hablaba de si teníamos que dar soporte a Internet Explorer 6, acababa el artículo comentando que teníamos una serie de trucos para que nuestras webs se vean bien en Internet Explorer 6, así que… allá van:
1.- Selector de Divs: Mediante un pequeño script PHP al inicio de nuestra web y con la propiedad $_SERVER[‘HTTP_USER_AGENT’] podemos saber con qué navegador entran en nuestra web, esto nos puede hacer mediante if o switch decirle a nuestra web que muestre unos divs u otros. Esto junto al CSS pueden hacer que cambiemos por ejemplo algún archivo con transparencia por otro normal.
2.- Selector de CSS: Parecida a la solución anterior, pero esta tal vez más drástica, es decir, con la misma propiedad pero metida en el header, para según el navegador mostrar una hoja de estilos u otra. Esta da más trabajo, ya que hay que realizar dos hojas de estilos, pero también te da la posibilidad de ‘penalizar’ a la gente que tenga Internet Explorer 6, metiendo una hoja de estilos sin nada o similar.
3.- Hacks: Una de las opciones más utilizadas es utilizar los diferentes hacks que existen en la red para mediante un par de lineas de código y con el uso de la propiedad !important, hacer que nuestro CSS muestre los PNG transparentes sin problemas. Si hacéis esto, tened en cuenta que vuestro CSS no validará.
3.- Javascript: Existe una función de javascript que podeís encontrar aquí, que mediante un archivo que hay que declarar en la cabecera, se encarga de hacer el hack que comentaba y además validando, el problema es que si dentro de vuestro PNG transparente tenéis enlaces, estos no funcionaran… otro gran problema.
4.- Cambiar de navegador: Esta es la mejor solución sin duda de todas… quitate el Internet Explorer 6 que ni Microsoft ofrece soporte. Existen muchos navegadores: Firefox, Safari, Opera, Chrome…
Oyendo: Rihanna ft. Will.I.Am – Photographs
Responder