dominios y alojamiento web en hostalia

Mostrar Animacion CSS3 solo en navegadores compatibles

Buenas tardes, hace poco salio un ejemplo de animación CSS3 (fondo nevando con CSS3), me gusto mucho y así lo puse a mi nuevo portafolio. Mi problema...

La FAQ Mostrar Animacion CSS3 solo en navegadores compatibles tiene

Pertenece a la categoría:

Pregunta
Buenas tardes, hace poco salio un ejemplo de animación CSS3 (fondo nevando con CSS3), me gusto mucho y así lo puse a mi nuevo portafolio. Mi problema es que se ve solo con Safari y Chrome, y mi pregunta es si hay manera que desaparezca de los demás navegadores este div?


Respuesta de Sara Alvarez Langa
Si, claro!

Antes de comentar posibles soluciones, te digo que las características de CSS3 como la animación dentro de poco estarán disponibles en todos los navegadores. Los ejemplos que tenemos nosotros en la web y en concreto al que te refieres hacen uso de los atributos exclusivos de CSS 3 de Chorme o Safari, pero ahora que ha salido Firefox 4 (y Firefox 5 ya está en fase beta) quizás se hayan implementado funcionalidades de animación que se puedan utilizar, siempre y cuando pongas los atributos de CSS 3 propietarios de Firefox. Lo mismo con Opera.

Puedes utilizar algún script Javascript, e incluso ASP o PHP, para detectar el navegador del usuario. Lee esto:

http://www.desarrolloweb.com/faq/detectar-navegador-usuario.html

Otra sugerencia es que detectes el navegador ayudado de algún framework Javascript como Mootools o jQuery. Por ejemplo aquí se explica cómo detectar el navegador con Mootools: http://www.desarrolloweb.com/articulos/core-js-mootools-ii.html

Otra posibilidad es usar Hacks CSS, para poner estilos diferentes para cada navegador:
http://www.desarrolloweb.com/articulos/hacks-css.html

Insisto, es de suponer que en poco tiempo estarán las CSS en estado de implementación recomendada, momento a partir del cual los ejemplos de CSS 3 se verán en todos los navegadores. Así que cualquiera de estas soluciones debes tener en cuenta que es solo temporal y que tendrás que retocarla en su momento para hacer que las animaciones CSS se vean en cualquier navegador.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

Volver al árbol de categoríasVolver al árbol de categorías

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...