在像Iphone 6s这样的IOS设备上发生了一个错误，我不知道如何修复它。它仅在IOS上发生，而不是一直发生。但是在我试图点击导航项目的一段时间后在网站上，当我点击一个元素时会出现叠加层，当我从显示屏上移开手指时它会消失。叠加层是一个不适合特定元素的大方块。它的宽度为100％，位于导航上方和导航下方的一半元素。即使我尝试单击导航下方的元素，也会显示叠加层。
我尝试用以下方法修复它：
html{
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
但它没有用。任何人都知道导致这种行为的原因，如何修复它或谷歌的一些提示？