透明PNG背景圖像在奇怪的文物

Question

我想創建一個與透明背景PNG模式。它在Firefox和Safari上都可以正常工作，但在Chrome上顯示時會顯示一些空白區域。

重現該問題的代碼非常簡單：

div { 
    background: url('http://vps97368.ovh.net/montessori.it/wp-content/themes/montessori/images/pattern-bg.png'); 
    height: 500px; 
} 

<div>blabla</div> 

而且我已經創建了一個筆來顯示它：http://codepen.io/anon/pen/RPGOyx

的模式應該顯示簡單的平行斜線，但在Chrome我看到他們這樣的：

我遇到一個視網膜顯示器上的問題。不確定其他人。

Answer 1

使圖像變大。我用25×25這一個：

http://codepen.io/anon/pen/BNmVXQ

div { 
    background: url('https://s3-us-west-1.amazonaws.com/haven-images/pattern-bg.png'); 
    height: 500px; 
}