2

在寻找用于背景的图案时,我发现了这个图案

我目前正在将它用于我的网站背景。

问题是模式是不可重复的。

我将它设置为我身体的背景,所以如果我使用这个 css,我会在每张新图片的开始处得到非常明显的接缝。

body {
    background:url(../images/testbackground.jpg) repeat;
}

我已经知道我可以通过将照片旋转/翻转成更大的照片来解决这个问题。我已经在这里做了。它工作得很好,它是可重复的,并且在现场看起来很好(你知道,除了接缝上的镜像,但这可以忽略不计)

问题是我很喜欢为互联网连接速度较慢的人优化加载速度,所以背景是它应该大小的四倍并不适合我。

有没有办法可以使用代码旋转/翻转照片?我宁愿不必使用复杂的 jQuery/javascript 脚本,但实际上我知道我必须这样做。

有谁知道这样做的脚本?

这是如何旋转的参考:

4

1 回答 1

1

我没有翻转和旋转的解决方案。但我让你的背景可重复:)

我只是从右边剪掉了有问题的像素,所以背景现在有点小了

可重复的背景

但是,既然您正在进行优化:图片本身已经重复了!因此,您可以进一步将其裁剪为更小的尺寸,并且仍然具有几乎相同的背景:

具有相同效果的较小bg

于 2013-05-14T07:12:53.840 回答