は私のdivでシンプルな装飾SVGを追加

Question

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/