Question

我使用bootstrap框架重复背景图像没什么问题，但我很初学。我已经尝试了很多方法，没有任何作用。你可以帮我吗？我试过这样的例子：

<style>
 html, body {
 background: url("img/bg-pattern.png") repeat;} 
</style>

Answer 1

您的路径可能不正确。据我所知，bootstrap具有与代码建议不同的文件夹结构。试试这个：

 body {
     margin: 0;
     background: url("../img/bg-pattern.png") repeat;
 }

Answer 2

我无法重现您的问题on JSFiddle。出于这个原因，我只能假设您的图像路径无效。

在指定img/bg-pattern.png时，您指向包含在与CSS相同的文件夹中的bg-pattern.png文件夹中的img文件。这假定文件夹结构为：

img
myHtml.html // Where your style element is included

Answer 3

确保“img / bg-pattern.png”出现在文件所在的同一文件夹中否则给出图像的绝对路径。

Answer 4

尝试使用FireBug，也许您会发现<body>标记比您想象的要小得多（高度）。

我已将background: ...从<body>标记移动到包含整个内容（与<div>动态增长）的实际<body>以及背景在那里是可重复的......