怪異線

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設備上才能正常工作。希望它能幫助你。