Permalänk
Medlem

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

Permalänk
Medlem

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.

Visa signatur

Kom-pa-TI-bilitet

Permalänk

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.

Visa signatur

Primär: MBP 16", M1 Pro, 32 GB, 512 GB SSD, Thunderbolt dock, Dell U3415W HTPC: FD Node 202, Ryzen R5 3600, 16 GB, Radeon RX480 Nitro+ 4 GB, 850 Pro 512 GB+MX100 512GB Main server: Rasberry Pi 4 8 GB Worker server: 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