我有一个带有重复背景图片的网站。
background: url(images/back_small.png) repeat center center fixed;
但是，如果图像不是一个接一个地重复，我会更喜欢它，以添加一些变化。 最终结果应该是一种点状图案，图像不时出现，而不是立即重复。
我不知道这是否可以通过 CSS 实现，但如果可以的话......我正在等待想法：D
【问题讨论】：
标签： css background-image repeat
我建议使用多背景技术的变体，根据质数在图像周围使用不同大小的透明“空间”来保存图像。
它被称为the Cicada Principle on this site。
素数引入了“随机性”。当然，如果您不希望它们以任何方式重叠，那么您需要非常有选择地准确使用什么图像尺寸，以确保在正常尺寸的监视器显示中不会发生直接重叠。
【讨论】：
我的解决方案是两次使用同一张图片（我们可以放置任意数量的背景图片）。 然后使用不同的 repeat-x 和背景位置来决定背景的最终外观。我的解决方案如下：
background-color: white;
background-image: url(../../../../../assets/images/my-watermark.png),
url(../../../../../assets/images/my-watermark.png);
background-repeat: repeat-x, repeat-x;
background-position-y: -60px, 400px;
background-position-x: -150px, -270px;
【讨论】：
在纯 CSS 中没有真正的方法可以完全按照您的要求进行操作。然而，我看到人们使用多张图片将“噪音”引入网站背景。
这是一个使用multiple backgrounds with CSS的例子。
这是关于 noise in gradients 的 stackoverflow 问题。
希望这能给您一些想法，让您对自己网站上的内容有所了解。
【讨论】：