background-img之间有很小的缝隙

Question

上面是个div，下面是个div，设置background的css如下

.content{
    background-image:url(../i/white-bg.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:top center;
    height:2.18rem;
}

Answer 1

已解决：可以将div的margin-top设一个很小的负数

Answer 2

我之前也有过这样的情况，你这种如果确信内外边距、描边等设置都没问题的话，也许是和我一样img的尺寸是单数吧？比如1 3 5 7 9px这样的，你切图的时候切个24680的试试

Answer 3

把这两个 DIV 放一个容器中，给容器加上黑色背景，看看缝隙的颜色是不是黑色。如果不是，那就可能是图片带的白边。

如果找不到原因，可以把这两个 DIV 外层容器背景设为相仿的红色值，瞒天过海。

Answer 4

设定都没有问题的话，估计是渲染方面的问题，试试看尺寸加个.5的小数？