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
