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 设备上运行。希望对您有所帮助。