移动端HTML5,ios(针对safari浏览器)点击事件闪现黑灰色背景解决方案

移动端HTML5,ios(针对safari浏览器)点击事件闪现黑灰色背景解决方案

最近做一个h5内嵌页,用了swiper,首屏并未使用点击事件,只是有图片背景和文字。但是ios开发那边发现 长按首屏,会闪现一个暗黑的半透明的遮罩,随后消失。发现分享出去的页面也有这个问题。
后来百度发现是 “ dom 有可选中的文字,使得DOM 可以被整个touch,在ios中被touch就会有高亮,也就是半透明背景“

*{
    -webkit-tap-highlight-color: transparent;   //设置为透明
 }

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lishi9092/article/details/85322547