Hola otra vez.
Mirad, tengo estos dos código (ambos conseguidos en este gran foro), el primero es para que los PNG se muestren correctamente como fondo en IE6, y el segundo es para hacer un ROLLOVER de imágenes con CSS.
Mi pregunta es ¿cómo combino yo esos códigos para que las PNG del ROLLOVER se muestren correctamente en mi página?
PNG como fondo:
Código:
#header{ background: none; /* Aquí quitamos cualquier fondo existente */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="images/bordes.1.png", sizingMethod="image"); /*cargamos la imagen igual que como lo hicimos con la etiqueta img, pero el método de escala será ahora image, es decir, la misma imagen */
background-repeat:no-repeat;
margin-left: 0px;}
ROLLOVER con imagenes en CSS
Código:
a {
outline: none;
}
.rollover {
display: block;
width: 179px;
height: 53px;
background: url(images/ficha.i.png) no-repeat;
text-indent: -9999px;
}
a.rollover:link, a.rollover:visited, a.rollover:active {
background: url(images/ficha.i.png) no-repeat;
}
a.rollover:hover {
background-position: -178px;
}
Pues eso, que estoy un poco desesperado, entre que soy un poco torpe y que mis conociemientos no son muy ámplios...
Muchas gracias de antemano.