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
