css - 防止重复背景剪裁

Question

我有以下示例:http://jsfiddle.net/umxvq52j/星星的重复背景。

CSS:

.stars
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 320px;
    background: url('http://i59.tinypic.com/2i95zzk.png') left center repeat-x;
}

我想做的是让星星完美地填满空间，而不会裁剪星星的边缘!因此，如果我在较小的屏幕上，它会齐平显示 2-3 颗星，然后是 6-7 颗星，从不显示半颗星。

这可能吗？

Answer 1

我不知道这是不是你要找的，但看看背景的 round 属性

background: url('http://i59.tinypic.com/2i95zzk.png') round 0 0;

归功于 CSS3 background spacing