你能否在背景图片重复之间创建间隔空间?

11

是否可以重复使用背景图片,但在下一次重复开始之前指定一定数量的像素。

例如:background: url(img.png) [after 40px] repeat-x;

我不想在图片中添加空白间隔。


唯一的方法将是使用图片,但不幸的是您不想添加。 - Jamie Hutber
我至少有几百千字节的图像来制作虚拟景观,然后我还有动态云、森林、篱笆,但我的观众大多将在格鲁吉亚共和国,因此有时会有较慢的网络速度,而且不希望过度强调重要内容。我不得不做出牺牲并承受限制。 - gcoulby
1个回答

4
background-repeat: space;
background-repeat: round; // round(520 / 100) = round(5.2) = 5

浏览器将在空间中呈现五个图像,但将图片宽度调整为104px(520px / 5)。 图片被加宽以适应容器。 单击此处 获取完整详细信息 或阅读背景大小属性

1
不幸的是,主流浏览器尚未支持background-repeat space和round值。这是你提到的文章中的内容: “只有两个浏览器支持space和round属性。猜猜是哪两个?你错了:它们是IE9和Opera。在撰写本文时,它们尚未在Firefox、Chrome或Safari中实现。更糟糕的是:当Firefox遇到space或round时,它会回退到repeat。 当Chrome或Safari遇到space或round时,它们会回退到no-repeat。此外,Webkit浏览器似乎识别这些属性,但无法正确呈现它们。” - Maor Barazany

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接