Android背景前后的奇怪线条

在移动浏览器（谷歌Chrome v41.0.2272.96和默认的Android浏览器）中，我看到背景前后的细线

例如：

.header {
    padding: 82px 0 51px 0;
    background: #fff url('http://s1.postimg.org/mf583o3qz/wave.png') 0 0 repeat-x;
}

以下是测试：

以下是我看到的屏幕截图：

---

为什么背景前后会出现这些奇怪的线条？

我没有确切的答案，但这一页上有很多想法：

---

希望有什么东西能让你摆脱困境。

使用背景色作为透明

背景：透明url（'http://s1.postimg.org/mf583o3qz/wave.png'）0 0重复-x@TamilSelvan我需要标题中的白色背景。在页脚中，我使用了透明背景，但也有问题。请尝试
.header{outline:0；。}
@TamilSelvan我尝试过，但没有任何更改。您可以在我的jsfiddle上看到它。我查看了这个页面，但是img标记有问题。我试图添加
-webkit-box-shadow:none
，但它不起作用。