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在repeat-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/

调整Svg背景图像的大小重复

1 个答案: