Pon un PNG con fondo transparente...

Escrito por: Martín el 26-09-2008 07:13:47 y leído 763 veces

Hasta ahora, y convencido por usar multiplesIE, creía que todos los parches para que se vean tus PNG con fondo transparente funcionaban pero el otro día me encontré en una situación un tanto difícil de explicar.

Había hecho un boceto para una web, que era un PNG completo con fondo transparente porque tenía que pisar sobre un fondo que se escala a la resolución del navegador.

Pues bien, hago la maqueta, pongo mi hack de siempre, abro IE7... se ve bien, abro el multiples IE (sólo instalé el 6... creo que ya no hace falta más)... y ¡SORPRESA!... se ve bien.

Entonces, como no me fiaba de eso, le pregunté a mi hermana que tiene solo IE6 instalado y, ohhh ¡OTRA SORPRESA! se veía como una auténtica basura!

Entonces bien, luego de romperme el cerebro tratando de solucionarlo, y de probar todos y cuanto parche existe en el mundo... descubrí que el problema no es el parche, sino como exportes tu PNG desde donde lo generes (yo uso FW para las maquetas de mis webs).

Ahora bien, dí con la solución, y como me la voy a olvidar, la dejo aquí escrita para recordármelo a mí mismo la próxima vez que haga una web...

Aquí los pasos:

1) Exporta tu PNG en formato PNG32. Aplicando la opción MATE en NINGUNO.
2) Tu documento no debe tener ningún fondo si lo que quieres es que sea transparente.
3) Usa el hack que dejo a continuación, porque es el que uso yo y funciona bien.
4) Cuando ues el PNG en tu xHTML, no te olvides de algo importante... ponle ancho y alto a la imagen... sino, se verá de 1x1 px.
5) Descárgate mis archivos y modifica las rutas según tu web.

Y no hay más... Suerte!

[Descargar Adjunto]

Categorías: Png • Jquery • Javascript •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

fondo png • png fondo • fondo transparente png • png de fondo • png fondo transparente • fondos transparentes png • png son fondo • fondos web png • fondo transparente jquery • fondo png css • fondo en png • Fondos transparentes con jQuery • jquery fondo transparente • galeria png transparente • imagen transparente en css • png no se ve el fondo transparente alpha • los png no se ven transparentes en wordpress • fondo para png • wordpress no veo transparencia png • botones transparentes png • fondo transparente para alert jquery • iconos con fondo transparente css • css fondo transparente png imagenes • png letras transparentes • css png fondo transparente#sclient=psy • todo fondos png • fondo png semitransparente con JQuery • fondo repetitivo png • marco naranja • formulario fondo png • usar fondo png css • como hago un fondo png • fondo transparente css imagen png • fondos con pgn • fondo png con • maqueta web png • fondo transparente para png • fondo translucido en jquery • un png no tiene fondo • jquery capa transparente • imagen transparente en power builder • fondo PNG (transparente • jquery fonfo transparente loading • galeria png con fondo transparente • marcos con fondo transparente en png • porque no veo transparente un png en illustrator • de donde saco un fondo png • tracingsrc=fondo png • transparentar png • imagen fondo transparente css • fondosS png • fondos web png gratis • como transparentar el fondo de un blog • fondo transparente css con doble fondo • fondos transparentes png gratis • png fondo powerbuilder • palabras con fondo transparente • fondos png con transparencia css • fondo transparente estrellitas blog • png se ve transparente • letras fondo transparente png • css fondo transparente letras no • como se hace un archivo png para que transparente el fondo • png de fondo transparente css • jquery slider fondo transparente • LETRA FONDO TRANSPARENTE EN PNG • PNG LETRAS FONDO TRANSPARENTE • fondos web png 2011 • png fondo transparente css • poner imagen con fondo transparente sobre otra imagen css • fondo ovalado png • imagenes gratis fondo transparente • imagen png fondo transparente css tag • png fondosa • png con fondo transparente • fondo transparente css png • marcos con fondo transparente • HACER FONDOS TRANSPARENTES EN PNG DESDE UNA WEB • porque un png no se ve transparente • fondo transparente css con png • png transparente fondo css • fondo png transparente css3 • como hacer iconos con fondo transparente • fondos transparentes jquery • png para fondos web • imagen fw transparente en explorer • png fondo transparente web •