> En Gimp marcas el PNG como RGB (32 bits) o como indexado (8 bits) en > el > menú "Imagen -> Modo".
Si, eso si, pero yo hablaba del "truco" que aparece en el link que mandaba Victor Hugo, donde el Fireworks, al cambiar de Indexed transparency a Alpha transparency permite obtener varios colores con alpha en un PNG de 8bits, lo cual permite tener una transparencia con diferentes niveles de alpha, algo que, en principio, se supone que no se puede hacer en un PNG de 8. Además, se comporta mejor en los diferentes navegadores que el PNG de 32, ya que con el truco del de 8 bits IE 6 (e inferiores) hace desaparecer los pixeles que tienen una transparencia media para ponerlos completamente transparentes y (si no me equivoco) con el PNG de 32 bits IE pone opacos todos los pixeles con algo de transparencia lo cual es peor porque desaparece toda transparencia. He estado buscando algo mas y no parece que esto se pueda hacer con otro programa que no sea Fireworks, una pena. ¿Alguien tiene un Photoshop CS4 instalado para ver si hay algo de esto en el "save for web"? gracias > > > Saludos! > > > > > Martin Etxauri wrote: >> aupa >> >> me parece muy interesante la solución que comentan en el link. >> >> ¿alguien sabe si hay algún otro programa que ofrezca ese pequeño >> truco >> aparde de Fireworks? >> >> no puedo dar crédito a que solo se pueda hacer con Fireworks, y he >> pensado que tal vez gimp o alguno de estos lo tendría, pero en el >> Gimp >> no encuentro nada parecido >> >> ¿alguna idea? >> >> gracias >> >> >> El 19/02/2009, a las 16:12, Victor Hugo Arias Valencia escribió: >> >>> Puede ser de utilidad para quien no lo sepa, el formato PNG viene en >>> dos >>> tipos, PNG-8 y PNG-24, por lo general utilizamos el PNG-24 y nos >>> complicamos >>> con el sin necesidad (como en botones e iconos), si no estoy mal el >>> PNG-8 no >>> tiene el problema de transparencia en Explorer 6. >>> Dejo igual un artículo que explica muchisimo mejor que yo... >>> >>> http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/ >>> >>> El 19 de febrero de 2009 10:05, Chr5 <chr5ma...@gmail.com> escribió: >>> >>>> La clase .button corresponde a imágenes contenidas dentro del >>>> enlace: >>>> >>>> .boton_avance a:hover .button { >>>> width: 44px; >>>> height: 49px; >>>> background: url(../img/playbuttons-trans.png) no-repeat 100% >>>> 100%; >>>> border: none; >>>> } >>>> >>>> <!--------------- html -------------------------> >>>> >>>> <div class="boton_avance"> >>>> <a href="#" title="avanzar"><img class="button" >>>> src="img/1x1.gif" alt="Avance" /></a> >>>> </div> >>>> >>>> La parte que no interpreta es el posicionamiento a través de la >>>> pseudoclase :hover cuando hago rollover... >>>> >>>> background: url(../img/playbuttons-trans.png) no-repeat 100% 100%; >>>> >>>> >>>> El día 19 de febrero de 2009 14:52, Alvarez Laurnaga, Jose Antonio >>>> <jalva...@softwareag.es> escribió: >>>>> Creo que tu problema es que tienes que poner: >>>>> >>>>> .boton_avance a.button:hover { >>>>> width: etc. >>>>> >>>>> Aunque sería major ver más código HTML y css >>>>> >>>>> Salu2 >>>>> >>>>>>> -----Mensaje original----- >>>>>>> De: ovillo-boun...@lists.ovillo.org [mailto: >>>> ovillo-boun...@lists.ovillo.org] En >>>>>>> nombre de Chr5 >>>>>>> Enviado el: jueves, 19 de febrero de 2009 14:24 >>>>>>> Para: Ovillo, la lista de CSS en castellano >>>>>>> Asunto: Re: [Ovillo] Hack PNG desde CSS >>>>>>> >>>>>>> Estupendo chicos, >>>>>>> >>>>>>> Estoy usando esta última opción, >>>>>>> todo va perfecto con imágenes ubicadas en la cabecera, >>>>>>> pero algunas introducidas a través de rollover sprite[1], no >>>>>>> marchan, >>>>>>> están posicionadas a través de css de la siguiente manera: >>>>>>> >>>>>>> .boton_avance a .button { >>>>>>> width: 44px; >>>>>>> height: 49px; >>>>>>> background: url(../img/playbuttons-trans.png) no-repeat 100% >>>>>>> 0; >>>>>>> border: none; >>>>>>> } >>>>>>> >>>>>>> .boton_avance a:hover .button { >>>>>>> width: 44px; >>>>>>> height: 49px; >>>>>>> background: url(../img/playbuttons-trans.png) no-repeat 100% >>>>>>> 100%; >>>>>>> border: none; >>>>>>> } >>>>>>> >>>>>>> >>>>>>> ¿ Algunas sugerencia ? >>>>>>> >>>>>>> gracias de veras a todos, >>>>>>> carlos >>>>>>> >>>>>>> [1] http://www.alistapart.com/articles/sprites/ >>>>>>> >>>>>>> El día 19 de febrero de 2009 12:42, Dani F. Serch >>>>>>> <daniou...@gmail.com> escribió: >>>>>>>> Yo uso el IE8.js >>>>>>>> http://code.google.com/p/ie7-js/ >>>>>>>> >>>>>>>> Y si que pueden usarse PNGs de fondo, pero la pega es que no >>>>>>>> pueden >>>>>>>> ponerse en mosaico (repetirse). >>>>>>>> >>>>>>>> >>>>>>>> Diana Castillo escribió: >>>>>>>>> yo para eso suelo usar el condicional con el filter: >>>>>>>>> >>>>>>>>> <!--[if IE]> >>>>>>>>> <style> >>>>>>>>> #fnd_login >>>>>>>>> { >>>>>>>>> background-image: none; >>>>>>>>> filter: >>>>>>>>> >>>>>>> progid:DXImageTransform >>>>>>> .Microsoft.AlphaImageLoader(src=imagen.png, >>>>>>>>> sizingMethod='scale'); >>>>>>>>> } >>>>>>>>> </style> >>>>>>>>> <![endif]--> >>>>>>>>> >>>>>>>>> >>>>>>>>> En teoria, el ultimo pngfix creo que soportaba imagenes de >>>>>>>>> fondo, >>>> pero >>>>>>>>> no estoy muy segura...alguna idea? >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> El 19 de febrero de 2009 13:16, Chr5 <chr5ma...@gmail.com> >>>> escribió: >>>>>>>>> >>>>>>>>>> Buenos días compañeros, >>>>>>>>>> >>>>>>>>>> Intento utilizar el pngfix hack [1], para que IE6 pueda >>>>>>>>>> interpretar >>>>>>>>>> las imágenes PNG correctamente. >>>>>>>>>> >>>>>>>>>> Por lo visto esto funciona cuando las imágenes son incertadas >>>>>>>>>> desde >>>>>>>>>> html , pero.... ¿ qué ocurre cuando las imágenes son >>>>>>>>>> introducidas >>>>>>>>>> desde CSS, a través de la propiedad Background-image ? >>>>>>>>>> >>>>>>>>>> ¿ Conocéis alguna solución ? ¿ Paso las imágenes desde >>>> background-image a >>>>>>>>>> html ? >>>>>>>>>> >>>>>>>>>> Muchas gracias como siempre por todas vuestras opiones >>>>>>>>>> sugerencias >>>> y >>>>>>>>>> reflexiones varias, >>>>>>>>>> carlos >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> [1] http://homepage.ntlworld.com/bobosola/index.htm >>>>>>>>>> _______________________________________________ >>>>>>>>>> Lista de distribución Ovillo >>>>>>>>>> Para escribir a la lista, envia un correo a >>>> Ovillo@lists.ovillo.org >>>>>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>> dirección: >>>>>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>>>>>>>> >>>>>>>>>> >>>>>>>>> _______________________________________________ >>>>>>>>> Lista de distribución Ovillo >>>>>>>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>> dirección: >>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>>>>>>> >>>>>>>> _______________________________________________ >>>>>>>> Lista de distribución Ovillo >>>>>>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>>>>> dirección: >>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>>>>> _______________________________________________ >>>>>>> Lista de distribución Ovillo >>>>>>> Para escribir a la lista, envia un correo a >>>>>>> Ovillo@lists.ovillo.org >>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>>>> dirección: >>>>>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>>> _______________________________________________ >>>>> Lista de distribución Ovillo >>>>> Para escribir a la lista, envia un correo a >>>>> Ovillo@lists.ovillo.org >>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>> dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>> dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>> >>> >>> -- >>> Docente tutor - Soporte >>> Conocimiento Virtual Academia >>> www.ConocimientoVirtual.edu.co >>> www.ConocimientoVirtual.edu.co/foro >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente >>> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >>> >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente >> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >> > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
