假设我有一个宽度和高度为 1700 x 1129px 的图像。能够重复此图像的最佳方法是什么，以便您无法判断它已被重复。我试过使用repeat-y，但它看起来像另一个图形。
问问题
5356 次
4 回答
1
与css无关。您的图像不允许重复。要在没有不良影响的情况下重复图像，您的图像必须在您希望它重复的方向上具有相同的开始和结束。
于 2013-03-29T09:20:53.280 回答
0
有一个非常简单的技巧：以静态颜色结束图像侧面（例如示例中的黑色或深棕色），将背景图像居中并填充背景
body { background: black url(image.png) no-repeat center top; }
于 2013-03-29T09:24:37.613 回答
0
您必须制作无缝图像，这意味着图像的上下边缘以及左右边缘完美匹配它们的相对边缘，因此看不到角度和颜色过渡。使用的 css 方法background-repeat完全没问题。
这经常在 CG 中使用，主要是在 3D 世界中。有很多关于使图像无缝的教程，在这里找到一个。
于 2013-03-29T09:24:51.570 回答
0
使用background-size财产。
如果你有一个你认为可以通过水平重复来伪装的背景，那么请执行以下操作。
background-size: 50% 100%; background-repeat: repeat-x;
如果您认为可以通过垂直重复来伪装背景，请执行以下操作：
background-size: 100% 50%; background-repeat: repeat-y;
于 2013-03-29T09:29:46.323 回答