當鼠標懸停在<ul>標籤區域上時，我將<ul>的不透明度降低，然後爲<li>設置完全不透明度。觸摸設備上的懸停事件
這樣的例子： Image change opacity on hover without jQuery
現在，問題是在平板電腦和手機，因爲在觸摸設備上我們沒有懸停事件和用戶應該點擊（觸摸）上<li>因此所有其他<li>將減少不透明度和用戶不能取消選擇（取消）<li>，因此他們應該刷新頁面。
我該如何解決這個問題？
在觸控設備上，不支持hover。您可以：
在觸摸設備的樣式表•跳過懸停效果
•使用JavaScript來轉盤旋至點擊互動
•使用JavaScript來模擬觸摸屏設備上懸停互動
上有多個其他職位使討論這個問題：
How do I simulate a hover with a touch in touch enabled browsers?
how to deal with hover effect on touch devices
Hover for Touch Devices
由於:hover當然不支持觸摸瀏覽器，所以可以使用touchStart，touchMove和touchEnd事件（通過javascript）。這些在FastClick庫中使用得非常好。
還有一些CSS :hover事件可以通過只觸摸瀏覽器激活，如果你將手指放在屏幕上。
有點晚了......
但你可以使用CSS動畫再次隱藏它之前，以示對4-5秒菜單...
並不完美，但你擺脫JS的。 。不是js的是錯的，我使用angularJS ..
編輯： - 被要求REF她一個鏈接http://www.greywyvern.com/?post=337
如果可能的話，請分享示例代碼 – Panther
你在這裏拍一下？蘋果列出了他們的瀏覽器可以在觸摸事件中做不到的事情。看看：https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html – ilarsona