PNG tiene la versión 32 bits y la versión de 8 bits (para mí que el png-24 es un invento del Photoshop...). La diferencia es que con png de 8 bits sólo se pueden crear imágenes de 256 colores (como los gif), mientras que con la de 32 tienes una gama de dos-elevado-a-treintaydos colores (como los jpg). Para un diseñador gráfico el png-8 se puede quedar corto.
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 >> >> > > > > _______________________________________________ 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
