Hjælp til hover med CSS

Tags:    css

Hej, klog hoveder.

Jeg har brug for en hover kode i CSS, hvor hover-funktionen skal være et billede der itræder et eksisterende billedes sted (billedet fungerer som link)

Så når musen kører over billedet, ses et andet billede i stedet.


Er det muligt?


På forhånd tak!



6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 17 karma
Sorter efter stemmer Sorter efter dato
Du kan evt. også kigge på denne artikel: Create an accessible image based navigation.
Det er lidt mere omstændigt, men der er tilgengæld en god / lang forklaring. Jeg har i hvert fald været glad for den :)



Istedet for et <img>-tag skal du bare have et (tomt) a-tag og så skal du med CSS give den størrelse og baggrundsbillede.

Fold kodeboks ind/udHTML kode 


Fold kodeboks ind/udCSS kode 






Indlæg senest redigeret d. 01.04.2011 10:57 af Bruger #8223
Ja, man kan lave rigtigt mange sjove ting med CSS sprites! Det er dog, ganske rigtigt, en smule mere omstændigt :)



Tusinde tak, begge to, for jeres svar!

Per - kan du uddybe lidt mere, for forstår godt hvad du mener, men kan du måske komme med et nyt eksempel, synes ikke rigtig jeg fik det til at virke!

Tak!



Du kan også skjule og vise elementer i dit a link. I stedet for at sætte backgrundbilled og specificere højde.

Fold kodeboks ind/udKode 


doctype er vigtig. Ved ikke om det vigtigt at det er lige netop den doctype, men den totale mangel af doctype kan få browsere til ikke at render CSS som du forventer (http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx note 2).



Jeg har brugt transitional doctype! Jeg har nu brugt et external stylesheet, men er det samme princip i koden?



t