这篇翻译不完整。请帮忙从英语翻译这篇文章

hover CSS @media 可以根据用户的主要输入机制是否可以悬停在元素之上来应用样式。

语法

悬停功能指定为从下面列表中选择的关键字值。

none
主要输入机制无法悬停或不方便悬停(例如,当用户执行不方便的长按操作时,许多移动设备模拟悬停),或者没有主指示输入机制。
hover
主要输入机制可以方便地悬停在元素上。

例子

HTML

<a href="#">Try hovering over me!</a>

CSS

@media (hover: hover) {
  a:hover {
    background: yellow;
  }
}

结果

规范

Specification Status Comment
Media Queries Level 4
hover
Candidate Recommendation Initial definition.

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Basic support 38 [1] 未实现[2] 20 or earlier (12) Nightly build 28 9 [3]
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 未实现 50 未实现[2] 36 ? 9.2

[1]: 在 Chrome <41中,实现存在BUG, 使用鼠标/触控版的非触屏电脑时,被当作 (hover: none);详情看 Chromium bug #441613.

[2]: bug 1035774 – Implement Interaction Media Features including pointer:coarse that replaces non-standard -moz-touch-enabled

[3]: Implemented in WebKit bug #134822.

See also

文档标签和贡献者

此页面的贡献者: sdc37h
最后编辑者: sdc37h,