在我们用手机浏览网页时,当点击某个链接或者点击事件时 会出现一层蓝色半透明的高光显示,
但在开发webapp时,由于网页是被native load去的,在app里面点击的时候如果出现高光则显得很不和谐
css3 的-webkit-tap-highlight-color: rgba(0,0,0,0);的这个属性完美的解决了这个问题
你只去把他放在body里局可以了,通过属性值你可以清晰的知道它所表达的意思 rgba都为0,意思是白色透明
这样你点击的时候就不会有蓝色的透明层了
代码如下:
body{-webkit-tap-highlight-color: rgba(0,0,0,0);}