curlingthebrackets / background-image tricks

Pseudo selectors og baggrundsbilleder (preload problematik)

Egen test med listemenu og you-are-here | og et andet eksempel her

Tekniken forklaret:
background-image på tomme links – display:block + padding – varierende background-position på a, a:hover, a:active
preload image – 1

Den aller simpleste preload teknik for background-image på links (hover-versionen ligger klar nedenunder) Maratz.com

En super enkel og snedig alle-i-en løsning til links med forskellig id navigation-matrix-reloaded Se den i aktion her

.

Css-alternativ til image-map

Tutorial fra alistapart.com imagemap med hover og css Læs hele artiklen først og se inspirationen her.

fra shepherdweb.com Absolut-positionerede link-id’er, på et bagrundsbillede med en variation der positioneres på :hover fra shepherdweb og her er deres demo

Den flotte tutorial fra alistapart.com – Flere øvelser i samme forklarende artikel – læs den hele!
De færdige eksempler derfra: link1 | link2 | link3

Enkel forklaring fra alsacreations.com Se en variation over det færdige resultat lige her og også ved at klikke her

lidt metode historik