一组数字有没有一种方法来设置的时间与CSS背景图像重复多少?重复CSS背景图像的时间
回答
没有。
您可以设置一个绝对宽度为一箱 但没有CSS选择重复图像n倍。
的丑陋的黑客可以(使用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
属性来实现。
- 1. CSS重复的背景图像的背景图像完成
- 2. 重置CSS背景图像
- 3. CSS背景 - 重复图像的特殊间隔
- 4. CSS:在重复背景图像的顶部居中背景图像
- 5. 背景图像重复时调整窗口大小(背景重复不重复)
- 6. 重复图像背景
- 7. CSS背景重复
- 8. 顶部图像,重复背景和底部图像... HTML和CSS
- 9. 满背景图像背景图像y轴上重复
- 10. CSS背景从300像素重复起
- 11. 背景图像css
- 12. CSS背景图像
- 13. 背景图像CSS
- 14. CSS背景图像
- 15. CSS:背景颜色的背景图像
- 16. Android的图像背景重复
- 17. 重复UITextView的背景图像?
- 18. 背景图像和背景颜色之间的CSS过渡
- 19. CSS背景重复问题
- 20. CSS背景仍在重复
- 21. 避免CSS背景重复
- 22. jQuery .css背景不重复
- 23. CSS DIV高度背景图像重叠
- 24. css中的图像背景
- 25. CSS中的无图像背景图像
- 26. 调整背景图像重复出错
- 27. SSRS重复背景图像问题
- 28. 如何设置图像背景重复?
- 29. 滑块图像和背景重复?
- 30. 在Swift中重复背景图像
甚至在CSS3 – FelipeAls 2010-06-01 15:14:51
短设定宽度或高度限制的重复,或者手动重复的区域中的单个图像,是的,这的视觉量。 – reisio 2010-06-01 18:16:09