La maldición de IE6 y los png
No se por que todos los navegadores, magnificos traductores de codigo que hay gratuitos por la red de redes estan preparados para soportar las transparencias de las PNG (formato que pelea frente a los gif por fianzarse como formato web) y sin embargo la chatarra y chapuza de IE6, que para colmo es la mas extendida, no es capaz de dar la talla.
mi problema, por el cual estoy al borde de un ataque de nervios es que he conseguido mediante un pequeño codigo no estandarizado hacer que las etiquetas img soporten eso. pero no es mi objetivo.
mi objetivo esta en ponerlo de fondo en unas tablas. la pagina llevaria en el body un background fijo y las tablas irian semitransparentes. ke kuando se desplaze uno moviendo el scroll da ese efecto tan guapito.
mi duda esta en que si alguien me puede ayudar. y si es mucho pedir que la solucion sea en css y no en js plis
chilelogela
<code>/*Hack para que funcione PNG transparente en IE6*/
background: url(../img/logo.png) no-repeat left top !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');
} </code>
jmpinero3d
voy a probar. el codigo quedaria una cosa asin:
<code><html>
<head>
<style>
Body { background:../elquesea.jpeg;
}
.pruebafondotransparente {
background: url(../img/logo.png) no-repeat left top !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');
}
</style>
<body>
<table>
<tr>
<th>&nbsp;</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</table>
</body>
</html></code>
Con esto seria suficiente, no haria falta enchufarle ninguna js externa ni nada no?
jmpinero3d
table iria con class=pruebafondotransparente
chilelogela
pero pruebalo! :D
jmpinero3d
que va... sigue viendose sin transparecias. miradlo vosotros mismos.
ahttp://personales.ya.com/jmpinero
el codigo usado es el siguiente:
<code>
<head>
<meta>
<title>Documento sin t&iacute;tulo</title>
<style>
body {
background-image:url(bambu2.JPG);
background-repeat: no-repeat;
background-attachment: fixed;
}
.transparencia {
background-image: url(trans.png);
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoad er(src='trans.png');
background-repeat: repeat;
background-position: left top;
}
</style>
</head>
<body>
<p><img src="titulo-trans.png" width="700" height="100"></p>
<table>
<tr>
<th>Vamos a probar una vez mas </th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html></code>
en que falla?
DIOS ESTO ME TRAE LOKOOO - BOIKOT A EXPLORERRRRRRR6!
jejejee...
Usuario desconocido
Jajajaja, tio, es muy sencillo.
Es que has metido un espacio que no tiene que ir:
MAL: Microsoft.AlphaImageLoad er(src='trans.png');
BIEN: Microsoft.AlphaImageLoader(src='trans.png');
Prueba
jmpinero3d
lo he probado pero no se si funciona, sabeis si hay algun programa con el cual pueda ver una vista previa de como quedaria en los diferentes exploradores¿¿¿¿¿¿¿¿¿¿
jmpinero3d
no funciona!!!
no hay otra solucion para esto?!?!?!
sick
estooo...
¿no deberías aplicar la clase .transparencia que has creado, en algún elemento del html?
jmpinero3d
El resultado de todo es este:
http://personales.ya.com/jmpinero/dos.jpg
Como podeis ver, no sale la transparencia. Si echais un vistazo arriba vereis el codigo usado, este es de todas formas un resumen:
<style>
body {
background-image:url(bambu2.JPG);
background-repeat: no-repeat;
background-attachment: fixed;
}
.transparencia {
background-image: url(trans.png);
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='trans.png');
background-repeat: repeat;
background-position: left top;
}
</style>
y despues:
<table>
<tr>
<th>Vamos a probar una vez mas </th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
</table>
no estiendo que hay mal, por que falla y por ke explore nos hace llegar a estos limites absurdos para conseguir un efecto asi.
[/code]
orange
jmpinero
no hay otra solucion para esto?!?!?!
Macho, poniendo png en el buscador del foro, se ha hablado de esto infinidad de veces
http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/
jmpinero3d
orange creo quecon htc lo he solucionado, ademas queda muy limpio el codigo.
gracias a todos por ayudarme, sois unos figuras!
str
He probado varias cosas, y funcionan, pero tengo un png transparente que se repite y es ahí donde no encuentro solución.
He mirado en , pero no hay manera.
Alguien sabe algo?
str
se me ha colao la url.
ahí va!
http://www.davidbarredo.com/blog/png-transparencia-background-repeat-ie-6-5/
dagi3d
Str, échale un veo a DD_belatedPNG, que coge imágenes de fondo que se repiten: http://www.dillerdesign.com/experiment/DD_belatedPNG/
(no sé si tenía algún problema si tenían el atributo 'fixed', pero no estoy seguro)
chris
Para ver en versiones 5.5 , 6, 7 y 8 puedes hacer testeos con IETester, es gratuito (..............mmmm....si.....no?).
Ponlo en google y te saldrá muchos sitios desde donde poder descargalo.Saludos. por cierto....en la version 6 y 8 se ven igual, en la 7 diferente...suerte