image replacement e ie.

[felixsuperstar]

Sto attuando la tecnica dell'image-replacement su sfondo bianco ed ho alcuni problemi con ie..questo il css:

#grafica2 {
float: left;
z-index: 1;
width: 600px;
height: 30px;
margin-top: 0px;
margin-left: 0px;
}
#grafica2 a{
display: block;
width: 600px;
height: 30px;
background: transparent url(grafica.gif);
background-repeat: no-repeat;
text-decoration: none;
}
#grafica2 a:hover,
#grafica2 a:focus,
#grafica2 a:active {
background-image: url(grafica.png);
}
#grafica2 a span{
position: relative;
z-index: -1;
}

questo l'xhtml:

<div id="grafica2"> <span>grafica</span></div>

ciò che vi é scritto nel tag span dovrebbe non vedersi, salvo quando non vi sono i fogli di stile caricati..con firefox tutto bene mentro con ie..
Soluzioni?

[felixsuperstar]

credo comunque dipenda dal colore di sfondo..perché ovviamente utilizzando il nero come background le cose cambiano..anche se mi sembra strano che questa tecnica abbia questa limitazione..

[Mich_]

Vedo alcuni problemi, ma non so se sono effettivamente quelli che ti danno il problema (fai alcune prove).

1. usare z-index negativi: forse non tutti i browser lo permettono;
2. lo span e` di default inline, e non so se puo` venir posizionato (e quindi di conseguenza avere z-index);

Il problema del colore di sfondo: chiaramente se il foreground non si vede, il discorso cambia, ma non mi pare un buon motivo per dire che la cosa funziona.


Altra prova che puoi fare: definire nello span
display: none;
oppure
visibility: hidden;
(che ti eviterebbe tutti gli altri problemi)

[felixsuperstar]

ho risolto..era poi una cavolata in quanto l'immagine era priva di sfondo ed io stupidamente pensavo che il background del contenitore andasse a coprire la scritta..funge..
e grazie.