На машинах без сенсорных экранов наведение работает отлично. Вы получаете эффект наведения с помощью мыши или курсора тачпада, например, вот я навожу курсор на кнопку «Поделиться»:
Но для ноутбуков, которые имеют и сенсорный экран, и мышь/тачпад… я не уверен, что существует способ определить, отключена ли мышь или подключена.
Не знаю, можно ли решить это через определение медиа-запросов CSS4:
Но было бы здорово иметь возможность исправить это для устройств, которые определяются одновременно как сенсорные и с мышью — чтобы разрешить для них наведение. Пользователи вынуждены отключать сенсорный экран на своих ноутбуках, чтобы заставить это работать, вероятно, потому что они всё равно никогда не используют сенсорную часть.
Я протестировал это: https://jsfiddle.net/davidThomas/q29r4pjs/3/ и получил:
- настольный ПК
мышь - iPhone
сенсорный - Surface Pro мышь ← неправильно!
Я также протестировал https://jsfiddle.net/Blackbam/zkd2cs0t/16/, и результаты те же — устройство с сенсорным экраном и мышью определяется так же, как и настольный ПК.