Comunidad de diseño web y desarrollo en internet online

Compatibilidad para una imagen svg

Citar            
MensajeEscrito el 09 Sep 2012 05:41 am
Tengo un logo en svg como todos saben no es compatibles con otros navegadores , lo que quiero es que si es un navegador mas antiguo cargue el archivo jpg y si no el archivo svg .

Tengo otra pequeña duda , como se declara un archivo svg que e visto varias maneras diferente pero nose cual es la mas correcta.

mucha gracias
Saludos ^^

Por Gamernoob

71 de clabLevel



Genero:Masculino  

Front-end :D

chrome
Citar            
MensajeEscrito el 12 Sep 2012 08:39 am
Hombre....asi a lo cutre se me ocurre un apaño.
Crea un div donde vas a meter el svg.
Mediante css dale al div la altura y la anchura del svg.
Luego le pones un background-image al div con el jpg del svg.
Si el Navegador soporta svg se verá el svg; pero si el navegador no lo soporta, no se verá el svg.... pero se verá la imagen de fondo jpg del div.
Ya se que no es una solución perfecta, pero si no quieres emplear js para detectar el navegador y darle una propiedad .hide() al svg, creo que esta solucion te puede ayudar.
Espero haberte ayudado.

Por terreo76

12 de clabLevel



 

Diseñador web

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.