调整大小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/