浅谈 -webkit-tap-highlight-color 属性
2016-03-14 14:46
309 查看
这两天在做一个运营活动,是公司4周年的活动,要做一个拼蛋糕送祝福的H5页面。做完之后,发现有一个bug,就是,我在手机上(iphone5s)点击按钮的时候,屏幕总会闪动一下,这让页面看起来很不友好也不流畅。网上搜了一下,加了一句css就解决了:
原因如下:
在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
-webkit-tap-highlight-color:rgba(0,0,0,0) //webkit是苹果浏览器引擎,tap点击,highlight背景高亮,color颜色,颜色用数值调节。
原因如下:
在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。
相关文章推荐
- ERDPlus
- 使用axi_datamover完成ZYNQ片内PS与PL间的数据传输
- ubuntu如何访问windows共享文件夹
- VMware Workstation 系统备份-虚拟机克隆方法
- AWK分割的用法
- 20来行的Python拼写检查器
- 什么是浅复制与深复制
- 第53课:Hive 第一课:Hive的价值、Hive的架构设计简介
- iOS 基础知识大全之网络篇(可供零基础学习)
- 简单实用Python程序
- [转] What is the point of redux when using react?
- WEKA使用教程(经典教程转载)
- mac如何使用本地数据库
- TCP的三次握手,四次断开
- strStr
- TortoiseSVN文件夹及文件图标不显示解决方法
- 前端展示时间戳问题
- 很像动态规划的贪心
- Latex.exe 已停止工作 underfull \hobx (badness 10000) has occurred while \output is activeBuffer size exc
- 告诉你Hadoop是什么