iPhone Safari 不兼容 :hover 的解决方法
2016-11-17 11:29
267 查看
不支持hover，用js解决，写一个单独的类，比如
.active
.active{
background-color: #eee;
}/*****************
在鼠标进入li的时候
1. 去除其它`li`的 `.active`
2. 给当前`li`添加类`.active`
********************/
$(function(){
$('ul li').mouseover(function(){
$('ul li').removeClass('active');
$(this).addClass('active')
})
})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 多行排列图片时hover上去加边框挤图片的解决方法兼容IE7+
- 一个解决ie6不支持:hover、属性选择器等问题的方法
- 解决Vista系统与游戏不兼容的方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- “数据类型 varchar 和 bit 在 add 运算符中不兼容”解决方法
- IIS上.net 1.1 跟.net 2.0兼容解决方法
- JDK不兼容异常（class file has wrong version 49.0, should be 48.0）及解决方法
- TCP 协议高级功能和网卡驱动不兼容导致蓝屏的解决方法
- 升级到Firefox 3.0后解决扩展版本不兼容的方法
- 火狐浏览器CSS兼容的解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- PHP4与PHP3中一个不兼容问题的解决方法
- Ajax中的UpdatePanel与Freetextbox兼容问题的初步解决方法
- JDK不兼容异常（class file has wrong version 49.0, should be 48.0）及解决方法
- IE6,IE7,FireFox兼容CSS的解决方法及CSS差别
- IE6.0、IE7.0 与FireFox CSS兼容的解决方法
- 解决Vista系统与游戏不兼容的终极方法
- Eclipse中JDK不兼容异常（class file has wrong version 49.0, should be 48.0）的解决方法
- “基类包括字段，但其类型与控件的类型不兼容”的解决方法
- ExtJs中tabPanel放置iframe无法兼容IE6的解决方法