Ändern der Größe eines Svg Hintergrundbild wiederholen

Question

ich ein einfaches dekoratives svg in meinem div hinzufügen:

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

Das Problem ist, dass die svg zwischen der repeat-x ...

Check the problem here

getrennten weißen Raum zeigt

Wenn Sie die Größe des Bildschirms in der Jfiddle ändern, können Sie sehen, wie der kurvige Hintergrund seinen Leerraum ändert.

Ich möchte nicht die weißen Räume.

Was ist das Problem?

Answer 1

bearbeiten Hintergrund in Ihrem Code

.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/