点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)
2017-03-07 12:26
399 查看
在手机上(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,元素在点击时不可见。
相关文章推荐
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- CSS3 修改和去除移动端点击事件出现的背景框 (tap-highlight-color)
- safari上的鼠标点击hover css属性-webkit-tap-highlight-color
- CSS -webkit-tap-highlight-color 手机端点击时的背景色设置
- 移动端网页布局注意事项及解决 1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉 <meta name="msapplication-tap-highlight" c
- 点击出现黑色背景的解决
- 去除移动端点击事件出现的背景框 tap-highlight-color
- CSS3 改变空格作用 -webkit-nbsp-mode 去掉点击框 -webkit-tap-highlight-color
- -webkit-tap-highlight-color处理元素点击默认高亮
- a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} a选中高亮显示
- 关于移动端点击后出现闪或者黑色背景
- 解决Qt中QLabel控件加载动态图出现黑色背景的问题
- listview动态标识被点击项并且不出现背景重绘紊乱的解决方法
- ListView滑动时 item出现黑色背景的问题的解决方法
- 浅谈 -webkit-tap-highlight-color 属性
- 解决android ListView设置背景后拉动时出现黑色的现象
- -webkit-tap-highlight-color
- 关于移动端点击后出现闪或者黑色背景