重复CSS背景图像的时间

问题描述：

一组数字有没有一种方法来设置的时间与CSS背景图像重复多少？重复CSS背景图像的时间

答

没有。

您可以设置一个绝对宽度为一箱但没有CSS选择重复图像n倍。

甚至在CSS3 – FelipeAls 2010-06-01 15:14:51

短设定宽度或高度限制的重复，或者手动重复的区域中的单个图像，是的，这的视觉量。 – reisio 2010-06-01 18:16:09

答

的丑陋的黑客可以（使用multiple backgrounds）被插入多次-statically-相同的图像：

例如下9版本（source）不工作的IE：在水平方向重复的图像（80×80）三次：

background-image: url('bg_texture.png'), 
        url('bg_texture.png'), 
        url('bg_texture.png'); 
background-repeat: no-repeat, 
        no-repeat, 
        no-repeat; 
background-position: 0 top, 
        80px top, 
        160px top;

当心。

您应该只需要重写一次，最简单的版本 – Gibolt 2016-06-27 19:06:44

答

您可以结合一点点的jQuery用CSS来实现你想要什么。

假设你想要水平显示图像foo.png 3次，垂直显示2次。

CSS：

body { 
    background: url('foo.png'); 
}

的jQuery：

$(document).ready(function() { 
    $('body').css('background-size', $(window).width()/3 + 'px ' + $(window).height()/2 + 'px'); 
});

此外，可以粘贴$（窗口）.resize（）内相同的代码来获得一个动态响应。

或者，您可以简单地将背景大小的CSS值设置为33.33％50％。我觉得jQuery会产生更精确的价值。 – 2016-09-18 04:30:10

答

我不知道是什么动机本来这个问题，但我发现它寻找一种方法，以确保只有一个背景图像的副本的整数倍出现（即不裁剪的重复组的最后一个成员背景图片。）可以通过background-repeat: space属性来实现。

重复CSS背景图像的时间

相关推荐