jquery - android chrome 上用于响应式画廊的奇怪线条（Flexslider，bootstrap.js）

Question

看看我正在尝试设置的这个响应式布局：

http://www.marcopragliola.com/sites/exp/layout.php

我已经实现了响应式 bootstrap.js 和响应式网络画廊 (FlexSlider)。

我的问题是，当我使用 Chrome 在 Android 手机和平板电脑上显示或滚动画廊时，画廊中出现奇怪的水平线。在任何大小的桌面浏览器上都可以。对这个问题有任何想法吗？

Answer 1

在触控设备上是正常的。像这样定义你的CSS。

.removeOutline{
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}

并像这样将此类添加到您的画廊中。

<div class=".removeOutline">
    <a href="#">Any text</a>
</div>

您可以使用

-webkit-tap-highlight-color:transparent;

但它只适用于 iOS 设备。希望它会帮助你。