关于IE浏览器下带背景图片的a链接在点击的时候会出现一层背景的问题

Question

在未点击的情况下，图片是这样的：

点击之后就变这样了：

首先声明这个问题只出现在IE浏览器下面。这个情况找了很久也没看到谁有解决方案，甚至都没有看到过类似的问题描述。是大家都不把这个问题当bug吗？但是这样真的非常影响体验啊啊。。最后有没有哪位大神有解决方案的

Answer 1

a:visited a:active的样式问题，建议从这个方向进行追查。

Answer 2

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
text-decoration: none;
}