css – 防止重复背景剪辑

前端之家收集整理的这篇文章主要介绍了css – 防止重复背景剪辑前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下例子: 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等,永远不会显示一个星星.

这可能吗?

解决方法

我不知道这是你正在寻找的,但是看一下背景的圆属性
background: url('http://i59.tinypic.com/2i95zzk.png') round 0 0;

信用到CSS3 background spacing

原文链接:https://www.f2er.com/css/214455.html

猜你在找的CSS相关文章