調整大小SVG的背景圖像重複

Question

我在DIV添加一個簡單的裝飾SVG：

.advantages { 
    color: #B3B3B3; 
    padding-top: 6px; 
    padding-bottom: 21px; 
    background: url(../svg/curvy-bg.svg) center bottom repeat-x, #FBFBFB; 
    background-size: 32%; 
} 

的問題是，SVG顯示重複-X之間的單獨的空白......

Check the problem here

如果您在jsfiddle中調整屏幕大小，您可以看到彎曲的背景如何改變它的空白區域。

我不想要空白處。

這是什麼問題？在你的代碼

Answer 1

編輯背景

.advantages { 
    color: #B3B3B3; 
    padding-top: 6px; 
    padding-bottom: 21px; 
    background: #f5f5f5 url(http://imgh.us/curvy-bg2.svg) repeat-x center bottom; 
    background-size: 32%; 
} 

https://jsfiddle.net/q3geyevk/5/