您的位置：首页 > 移动开发

解决安卓与IOS点击效果兼容（去除移动端Ios点击阴影）

2017-06-07 14:26 1381 查看

在钉钉端的页面使用了swiper.js 滑动效果

在安卓端应用按钮点击正常

IOS点击发生偏移

解决方案

/*解决兼容IOS点击*/
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

/*最后在统一给个点击个点击样式*/
.con a:active{background: url('../img/summer_icons-11.png');}

-webkit的意思是：IOS浏览器；
-tap的意思是：点击；
-highlight的意思是：背景高亮；
-color的意思是：颜色
rgba(0,0,0,0) = transparent这两个是一个意思，就是纯黑透明；

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ios 移动浏览器点击区域偏移

相关文章推荐

新的分享

章节导航

解决安卓与IOS点击效果兼容（去除移动端Ios点击阴影 ）