点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)

在手机上(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,元素在点击时不可见。

时间: 2024-08-25 00:35:33

点击出现黑色背景的解决:-webkit-tap-highlight-color:rgba(0,0,0,0)的相关文章

iOS Safari 中点击事件失效的解决办法

问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 可以使用下面的代码在 iOS 中进行测试. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&qu

selector实现点击图片切换(解决常见的点击无效问题)

实现效果图:       图片未点击前                         图片点击后 selector的实现方法其实很简单,只需3步: 第一步:选择两张图片效果图放在res/drawable-hdpi中,放在mdpi也可以 第二步:在mdpi文件夹中新建xml文件,命名为selector.xml.注意名字selector后面会引用到. 在selector.xml文件中,完成代码: <?xml version="1.0" encoding="utf-8&qu

Android ListView的item点击无响应的解决方法

如果listitem里面包括button或者checkbox等控件,默认情况下listitem会失去焦点,导致无法响应item的事件,最常用的解决办法 是在listitem的布局文件中设置descendantFocusability属性. item的布局文件: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.andro

[转]iOS Safari 中click点击事件失效的解决办法

iOS Safari 中click点击事件失效的解决办法 问题起因: 在微信公众号开发(微站)过程中用jquery的live方法绑定的click事件点击无效(不能执行) 问题描述 当使用委托给一个元素添加click事件时,如果事件是委托到 document 或 body 上,并且委托的元素是默认不可点击的(如 div, span 等),此时 click 事件会失效. 解决办法 解决办法有 4 种可供选择: ?将 click 事件直接绑定到目标?元素(??即 .target)上 将目标?元素换成 

安装Oracle JDK 7.0与8.0 for Mac OS X后Eclipse启动报错的解决之道

启动 Eclipse 时,直接报错The JVM shared library "/Library/Java/JavaVirtualMachines/jdk1.8.0_25.jdk/Contents/Home/bin/../jre/lib/server/libjvm.dylib"does not contain the JNI_CreateJavaVM symbol. Unable to find any JVMs matching architecture "i386&qu

解决地址冲突案例之ip device tracking maximum 0

Cisco Catalyst 2960,3750G交换机12.2版本的ios默认关闭ip device tracking. 但是Cisco Catalyst 2960s和3750x交换机升级到15.2的版本后,默认已开启ip device tracking, 而且全局模式下无法关闭它,如果不关闭的话,在级联的trunk端口上我们show mac add,可以看到这样的情形,对端交换机trunk口的接口硬件地址会对应多个vlan. 这样的情形带来的后果却很严重,一是所有Cisco Small Bu

Android requires compiler compliance level 5.0 or 6.0. Found &amp;#39;1.4&amp;#39; instead的解决的方法

今天在eclipse里报这个错误: Android requires compiler compliance level 5.0 or 6.0. Found '1.4' instead. Please fix project properties 找了一下解决方法: 1. 项目 右键 ->android tools ->Fix Project 2. 假设不能够.检查Project -> Properties->Java Compiler 确认JDK compliance被设置为1.

DotNetCore.1.0.1-VS2015Tools.Preview2.0.3 相关问题及解决办法

本月16号,MS发布了 .NET Core 1.1.作为一个用贯MS产品的小盆友,我第一时间就把相关的安装包下载下来了,然后果断安装(入坑). 我猜你来看这篇博客可能遇到了和我一样的问题. 问题0:正确的安装顺需 正确的顺序在MS的dotnet Core官网上可以找到,请根据自己的VS版本对号入座. 如果你觉得这个太长或者存在疑问,简短的版本是: 1.VS2015 1. 检查VS2015 是否已经安装了Update3.3:打开VS2015,然后点击[帮助]-[关于Microsoft Visual

Android requires compiler compliance level 5.0 or 6.0. Found &#39;1.4&#39; instead.解决方法

今天在eclipse里报这个错误: Android requires compiler compliance level 5.0 or 6.0. Found '1.4' instead. Please fix project properties 1. 项目 右键 ->android tools ->Fix Project 2. 如果不可以,检查Project -> Properties->Java Compiler 确认JDK compliance被设置为1.6,并且enable