Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Sep 2005

html / css

Någon som vet ifall det är möjligt att i css ha tre lägen på en knapp.. alltså; jag vill ha tre olika bilder i följande lägen: Normal, hover, onclick..

Vill att knapparna skall vara ungefär som en vanlig knapp i Windows, är det möjligt?

Jag kan bara få två av lägena att fungera, hover och normal

tack på förhand

Trädvy Permalänk
Medlem
Plats
i din garderob
Registrerad
Sep 2007

Du kan använda JavaScript för denna effekt (genom onmouseover och onmousedown), men det är lite bökigare. En fördel är att denna metod även fungerar i IE6, som inte stödjer :hover på annat än a-taggen.

En nackdel är att effekten naturligtvis inte syns om användaren har stängt av JavaScript.

Bilanaloger är som Volvo — varenda svenne kör med dem

Trädvy Permalänk
Medlem
Plats
Norrköping
Registrerad
Feb 2006

Klassen du använder där du klickar på själva länken är a:active.

a:active { background-image: url(din_länk.jpg/gif);}

edit: Fungerar ej i IE6 där den ersätter a:hover. Senare versioner av IE och alla Firefox fungerar däremot bra.

Primär: MBPr 13", Core i5 4288U, 16 GB, 512 GB SSD Desktop: FD Define R5, 8700K, 16 GB, RX480, 850 Pro 512 GB+MX100 512GB, Dell U3415W, Elgato TB Dock VM-värd: FD Node 304, Core i3 3220T, 16 GB RAM, 60 GB Intel 330+80 GB 320, 3*3TB WD Red, Debian Backup: AMD E-350, 8 GB, 40 GB Intel V40, 3x3TB WD Red, Debian Brandvägg/Router: Celeron N3150, 4 GB, 64 GB SSD, Debian