Transparencia Inkscape Web IExplorer

Imagen de TheEmulator
0 puntos

Hola

Estoy haciendo una pagina web y para las imagenes estoy usando Inskcape.
Si pruebo la pagina con Firefox se ven bien las imagenes que tiene la pagina, estas imagenes son con fondo transparente, pero al probar la pagina con IExplorer estas salen con un color de fondo en lugar de la transparencia, cosa que hace que se vea muy fea la pagina.

Mi pregunta es como hago para que estas imagenes sean transparentes en ambos navegadores?
La imagen que uso es en formato PNG(el que se genera al exportar con Inkscape).

El problema creo es por la version del navegador porque en la que lo pruebo es un IExplorer 6 y como que ese no soporta bien PNGs.

Alguien sabe como puedo hacer que funcionen bien las transparencias?

Lo raro esque he visto algunas paginas con IExplorer en las que hay imagenes y estas tienen transparencia y son en formato PNG pero no se como hacen para que funcione la transparencia :S

PD: Se que existe el GIF pero Inkscape solo soporta exportar a PNG y tendria que hacer siempre otro paso mas para cada imagen.


Editado

Encontre una explicacion al "problema"

Buscando y buscando me encontre que existen los PNG de 8 24 y 32 Bits, donde IExplorer solo reconoce las transparencias del de 8 Bits y era por esa razon que algunas de las paginas que habia visto con ese navegador y usaban PNGs funcionaba lo del fondo transparente, al parecer tendre que hacer las imagenes en SVG exportarla a PNG y con otro programa guardarla como PNG8 :S aunque note otro problema la transparencia solo funciona si la imagen se incluye en la pagina con < img >, porque si se va ausar como fondo de una tabla por ejemplo con background-image en CSS no va a funcionar y de igual forma que antes tendra un color en ves de la transparencia XD.

Bueno seguire mirando a que llego con eso.

Saludos y gracias

Imagen de minombresbond
+1
0
-1

hola, hay javascripts q creo solucionan el problema de los png trasnparentes en el explorer, no tengo ahora ningun link, pero supongo q googleando lo conseguis rapido

.:: DiseñoLibre.ORG ::.

+1
0
-1

.:: DiseñoLibre.ORG ::.

Imagen de minombresbond
+1
0
-1

si los png se referencian de estilos css podes usar un archivo css especial con estilos solo para iexplorer6 donde reemplazas las rutas a los png por otros con una tranparencia compatible o gifs transparentes

para hacer esto se usa una linea en el header de tu html

<!--[if lt IE 7]>
    <link rel="stylesheet" href="estilos_nuevo_ie.css" type="text/css" media="screen" />
<![endif]-->

tene en cuenta q los png a veces son mucho mas pesados que los jpgs, te conviene editarlos en gimp y darles un formato q pese menos, por ejemplo pasando de rgb a modo indexado de 16 colores

saudos!

.:: DiseñoLibre.ORG ::.

+1
0
-1

.:: DiseñoLibre.ORG ::.

Imagen de TheEmulator
+1
0
-1

Hola
Gracias por esa info :)
Saludos

+1
0
-1