我的导航很简单。我有一个悬停状态,添加一个边框和透明渐变png背景的一些文本,和一个额外的类,当添加到jQuery,添加颜色背后的透明图像。
如果你点击在网络浏览器中切换类,你会看到颜色进出,但背景图像保持,如果你从来没有移动鼠标的按钮。这是预期的行为。
我的问题是,当使用iPad时,触摸似乎保持悬停状态,并且:hover属性永远不会消失,除非您单击另一个按钮,在这种情况下,persistent:hover属性添加到该按钮,直到另一个按下。
我不能想象我是第一个与这个问题,但搜索没有转动任何东西。
帮帮我?
正常 – 悬停 – 活动(通过addClass())
解决方法
如果你使用Modernizr,无接触类将被添加到非触摸设备的根html元素。然后你可以这样做:
a.myclass { color:#999; } .no-touch a.myclass:hover,a.myclass:active { color:#ccc; }