Question

我想知道当旧图像耗尽时是否可以更改背景图像重复的文件。

那么，如果将image01.jpg设置为第一个背景图像，当它垂直用完时，image02.jpq将被添加为背景图像以完成页面？

这可能是一个直接的'不'，这很好我只是想知道

Answer 1

使用CSS3，您可以拥有多个背景。您可以为每个人指定background-repeat。它是supported by all major browsers，除IE8之前和之前。

http://www.css3.info/preview/multiple-backgrounds/

Answer 2

如果您愿意为文件添加更多标记，那么CSS中的某些内容总会有解决方案。你最好的选择是将你拥有第一张图像的元素包含在一个包含div中，如果第一张图像用完了你想要出现的背景。像这样：

HTML：

<div class="container"><span class="image"></span></div>

CSS：

.container { 
  background: transparent url(image02.jpg) 100% 0 no-repeat /* Appears on the right */
  width: 200px; /* The maximum width */
  /* Can also add x pixels padding to ensure that x pixels of image02 are shown */
}

.image { 
  background: transparent url(image01.jpg) 0 0 no-repeat; /* Appears on the left */
}

当然，您也可以随时用实际图片替换<span>。

Answer 3

不要忘记HTML也是一个元素。

html {/*insert tiling background image*/}
body {/*insert normal background image*/}

正文背景将位于平铺html背景之上。适用于所有浏览器，不需要额外的标记。

更改背景图像重复文件

3 个答案: