hover
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.
Das hover
CSS Media-Feature kann verwendet werden, um zu testen, ob der primäre Eingabemechanismus des Benutzers über Elemente schweben kann.
Syntax
Das hover
-Feature wird als ein Schlüsselwortwert angegeben, der aus der untenstehenden Liste ausgewählt wird.
none
-
Der primäre Eingabemechanismus kann überhaupt nicht schweben oder nicht bequem schweben (z.B. emulieren viele mobile Geräte das Schweben, wenn der Benutzer einen unbequemen langen Tippen ausführt), oder es gibt keinen primären Zeige-Eingabemechanismus.
hover
-
Der primäre Eingabemechanismus kann bequem über Elemente schweben.
Beispiele
HTML
<a href="#">Try hovering over me!</a>
CSS
/* default hover effect */
a:hover {
color: black;
background: yellow;
}
@media (hover: hover) {
/* when hover is supported */
a:hover {
color: white;
background: black;
}
}
Ergebnis
Spezifikationen
Specification |
---|
Media Queries Level 4 # hover |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
hover media feature |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.