trastomatico

Internet Explorer de Microsoft no soporta CSS3 en ninguna de sus versiones. Sólo a partir de IE9 se implementarán alguna de las nuevas propiedades CSS3.  Esto no ocurre en los navegadores de la competencia como Firefox, Opera, Chrome o  Safari que hace siglos que soportan algunas instrucciones muy interesantes o alternativas.  Como yo no tengo la culpa de que los de Microsoft sean tan zoquetes y de que Explorer siga siendo uno de los navegadores más utilizados (aunque va perdiendo terreno a pasos agigantados) me ha tocado buscarme la vida para que algunas de las cosas que hacemos se vean medio decentes en este fabuloso navegador.

Un ejemplo es la propiedad border-radius que permite realizar esquinar redondas de elementos por el propio navegador. Las posibilidades que ofrece son infinitas y las páginas quedan fabulosas sin tener que usar tablas ni imágenes. El problema viene cuando ves esa misma página en IE, las esquinas salen cuadradas por que el navegador no reconoce border-radius así que si has configurado un botón en CSS para nada será como lo habías visto en otros navegadores decentes.

¿Solución?

Después de mirar algunas posibles soluciones CSS3PIE y es la que más me ha gustado por el momento sencillo de instalar y el resultado se asemeja bastante al de otros navegadores. En esta página usamos CSS3PIE para los botones redondos (ver con Explorer  y otro navegador para comparar)

Posiblemente existen soluciones más avanzadas pero las desconozco. Si alguien conoce alguna que la comente se lo agradeceré.

Nota: IE9 sólo se puede instalar en WIN7 o superior. Otro regalito de Microsoft para los usuarios de XP