Egen tooltip med CSS
Tooltip är vad den lilla hjälprutan kallas, som ibland visas när du pekar på en verktygsknapp i ett program, eller på en länk på en webbsida.
John Gallant presenterar i en artikel på Vision.to ett sätt att skapa en tooltip med ren CSS och i en helt egen utformning.
Alltid intressant när det ”uppfinns” nya sätt att använda CSS.
Mitt eget test
Jag har testat koden i IE6, IE7 och i Firefox. Provade t.o.m. att lägga en bild i det <span> element som ligger inuti länkelementet, vilket också fungerade bra (se bilden ovan).
I CSS-filen anges en 1 x 1 pixels transparent bakgrundsbild som en buggfix till IE. I mitt test lät jag koden stå kvar, men lade aldrig till själva bildfilen. Det verkar dock fungera ändå.
Kanske inte den mest semantiska metod att använda sig av, men jag kan definitivt tänka mig tillfällen när det skulle kunna vara användbart. Kul grej!
2009-06-03 (14:21)
Webbdesign och webbutveckling
Dela med dig: