: vznášať sa - Triky CSS

Anonim

Trieda :hoverpseudo v CSS vyberá prvky, keď je nad nimi kurzor myši. Bežne sa spája s prvkami link ( ).

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

Takže keď je odkaz ako tento „vznášaný“ (ako napríklad na zariadení s myšou kurzorom):

Go to Google

Zazelená a bude mať čiaru pod a nad ňou.

V IE 6 a nižších verziách, ktoré :hover predtým fungovali iba na odkazoch, ale v novších prehľadávačoch funguje na ľubovoľných prvkoch. To môže byť obzvlášť užitočné napríklad v rozbaľovacích ponukách, v ktorých môžete počkať na :hover položku nadradeného zoznamu a potom odhaliť ďalšiu úroveň vnorenej ponuky. Pozor, efekty vznášania by mali byť spojené s nejakým druhom akcie, pretože to bol dlho zaužívaný webový vzor.

Súvisiace

  • : odkaz
  • : navštívené
  • : zameranie
  • : aktívny
  • Milovať nenávisť

Ďalšie zdroje

  • Dokumenty MDN sú zapnuté: umiestnite kurzor myši
  • Špecifikácia W3C: vznášať sa

Podpora prehľadávača

:hoverTrieda pseudo je podporovaný všetkými prehliadačmi.