移动浏览器中页面点击某个元素时会出现闪动的色块,也算是比较常见的问题了,这里我们就来讲通过-webkit-tap-highlight-color:rgba(0,0,0,0)属性来用CSS3解决移动页面上点击链接触发色块的问题

引子 前段时间做微信页面的时候，一行内容做了2个链接，点击一个标签的时候，整个颜色块会闪一下，影响美观。需求针对这种情况来问我，能否把这个一闪的颜色去掉。我当时就想，这个怎么去？那我也不好直接回绝她，好吧，我试试吧！经过研究，百度的很多a标签都是一闪一闪的，有颜色块，但是淘宝和京东的手机端就没有这种情况，这是如何做到的呢？ 研究 通过研究他们的代码发现，在根属性中，他们设置了这样的一个属性-webkit-tap-highlight-color:rgba(0,0,0,0)。 下面解释一下什么是RG