qualcuno sa dirmi come poter implementere la tecnica dei css prite in modo che funzioni correttamente anche in IE7?
attualment euso il seguente codice, ma con IE7 non funziona...
qualcuno può aiutarmi?codice:#divdiesempio { height: 81px; top: 50px; left: 60px; padding: 0px; position: absolute; width: 80px; z-index: 10; background: url('immaginesprite.png') no-repeat -40px -40px; display: block; } #divdiesempio :hover{ background-position: -40px -200px; }
Grazie
attacca i due punti
#divdiesempio:hover
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
i due punti erano già attaccati, è stato un errore mentre scrivevo il post, nel codice originale sono già attaccati.
Che fare?
P.S.
mi sembra che le label del menù di html.it (siti, servizi, news, download, ecc...) siano implementati con css sprite... Potrei anche sbagliare ma mi sembra così...
ma il problema oltre a IE7 si verifica in altri browser?
stai usando IE7 di sistema o aggiornato oppure una versione standalone?
Puoi postare un link?
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
il problema si verifica solo con IE7, con gli altri browser funziona tutto correttamente. Sto usando IE7 di sistema, aggiornata con i normali update mensili di windows.
Non ho link, perchè il sito non è ancora online, per ora è solo in locale...
Originariamente inviato da Handerson
il problema si verifica solo con IE7, con gli altri browser funziona tutto correttamente. Sto usando IE7 di sistema, aggiornata con i normali update mensili di windows.
Non ho link, perchè il sito non è ancora online, per ora è solo in locale...
assicurati di avere un doctype aggiornato (xhtml 1.0 strict)
prova ad aggiungere una regola
#divdiesempio:hover{ background-position: -40px -200px; border: 0; }
oppure prova a vedere se dipende dal formato dell'immagine (png)
alternativamente prova a vedere se questa lettura http://murphy.cz/ie7-hover-ghosts-bug/ può servirti
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
Originariamente inviato da fcaldera
assicurati di avere un doctype aggiornato (xhtml 1.0 strict)
prova ad aggiungere una regola
#divdiesempio:hover{ background-position: -40px -200px; border: 0; }
oppure prova a vedere se dipende dal formato dell'immagine (png)
alternativamente prova a vedere se questa lettura http://murphy.cz/ie7-hover-ghosts-bug/ può servirti
e magicamente funziona!!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Alla fine mi ero dimenticato una cosa banale... Non pensavo mica che causasse questo genere di problemi... L'avrei inserita solo successivamente prima di metter tutto online...
Grazie 1000!
Permessi di invio
Rispondi quotando