博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
阅读量:6201 次
发布时间:2019-06-21

本文共 405 字,大约阅读时间需要 1 分钟。

 

在手机上(iphone)点击按钮的时候,屏幕总会闪动一下,这让页面看起来很不友好也不流畅。解决方案加了一句css就解决了:

-webkit-tap-highlight-color:rgba(0,0,0,0) //webkit是苹果浏览器引擎,tap点击,highlight背景高亮,color颜色,颜色用数值调节。

原因如下:

在移动端上,有事件监听的元素被点击的时候会被高亮显示,而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

转载于:https://www.cnblogs.com/xiangru0921/p/6514100.html

你可能感兴趣的文章
Redis 数据类型
查看>>
持续集成(CONTINUOUS INTEGRATION)
查看>>
Inno Setup入门(六)——在程序目录下创建文件
查看>>
centos 6.5 中设置mysql 5.1.73 主从同步配置过程
查看>>
关于 Sublime Text 2
查看>>
微信小程序开发学习记录
查看>>
img的src,a的href使用{{}}设置属性不能生效
查看>>
异步请求二
查看>>
(六)6.8 Neurons Networks implements of PCA ZCA and whitening
查看>>
原型模式 (原型管理器)
查看>>
Elipse clean后无法编译出class文件
查看>>
Git---之上传远程仓库
查看>>
男神的树
查看>>
Linxu-chsh命令
查看>>
QTableView根据标题文字和表格文字自适应宽度 QTableView m_pTable;
查看>>
现在就开始使用AngularJS的三个重要原因
查看>>
DB门面,查询构建器,Eloquent ORM三者的CURD
查看>>
Django1.8以上使用django-groundwork
查看>>
深度学习基础系列(七)| Batch Normalization
查看>>
返回数组指针的函数
查看>>