: lebdenje - CSS-triki

Anonim

:hoverRazred psevdo v CSS izbere elemente, ko je miškin kazalec toka nad njimi. Pogosto je povezan z elementi link ( ).

a:hover ( color: green; text-decoration: underline overline; )

Torej, ko je povezava, kot je ta, "lebdeča" (na primer s kazalko na napravi z miško):

Go to Google

Obarval se bo zeleno in imel bo črto pod in nad njo.

V IE 6 in starejših različicah je :hover včasih deloval samo na povezavah, v novejših brskalnikih pa na vseh elementih. To je lahko še posebej koristno za stvari, kot so spustni meniji, v katerih lahko počakate na :hover element nadrejenega seznama in nato razkrijete naslednjo stopnjo ugnezdenega menija. Kljub temu pa je treba učinke lebdenja povezati z nekakšnimi dejanji, saj je to že dolgo uveljavljen spletni vzorec.

Sorodno

  • : povezava
  • : obiskal
  • : fokus
  • : aktivno
  • Ljubezen sovraštvo

Več virov

  • Dokumenti MDN na: hover
  • Specifikacije W3C: lebdenje

Podpora za brskalnik

:hoverRazred psevdo podpira vseh brskalnikih.