CSS3 Выпадающее меню Наведение не работает

Question

На моем веб-сайте используется раскрывающееся меню CSS3. Проблема заключается в том, когда веб-сайт просматривается на устройстве с сенсорным экраном, некоторые элементы меню с свойством hover автоматически не выпадают.

Как я могу изменить его, чтобы быть, если пункт меню имеет выпадающее меню, в устройствах с сенсорным экраном вы должны прикасаться к нему, тогда меню будет падать, где еще на нашем ПК он все равно останется эффектом наведения.

Можно ли использовать только CSS?

Answer 1

«зависание» на самом деле не является особенностью сенсорных экранов, поскольку для этого требуется указатель мыши. Если вы используете хорошую библиотеку, поддерживающую сенсорные экраны, она также должна работать. Если нет, попробуйте другую библиотеку или напишите что-нибудь свое.

Answer 2

Вы пробовали использовать aria-haspopup для имитации парить на сенсорных устройствах с поддержкой

Посмотрите на this article.

Элемент страницы, такой как меню, задает свойство aria-haspopup элемента элемента "true". Когда пользователь Internet Explorer 10 на устройстве с сенсорной поддержкой сначала удаляет элемент страницы, опыт пользователя будет идентичным опыту пользователя, который наводил курсор на элемент с помощью курсора.

Я не уверен, что поддерживает браузер для этого.