我使用bootstrap框架重复背景图像没什么问题,但我很初学。我已经尝试了很多方法,没有任何作用。 你可以帮我吗?我试过这样的例子:
<style>
html, body {
background: url("img/bg-pattern.png") repeat;}
</style>
答案 0 :(得分:2)
您的路径可能不正确。据我所知,bootstrap具有与代码建议不同的文件夹结构。试试这个:
body {
margin: 0;
background: url("../img/bg-pattern.png") repeat;
}
答案 1 :(得分:1)
我无法重现您的问题on JSFiddle。出于这个原因,我只能假设您的图像路径无效。
在指定img/bg-pattern.png
时,您指向包含在与CSS相同的文件夹中的bg-pattern.png
文件夹中的img
文件。这假定文件夹结构为:
img
myHtml.html // Where your style element is included
答案 2 :(得分:0)
确保“img / bg-pattern.png”出现在文件所在的同一文件夹中 否则给出图像的绝对路径。
答案 3 :(得分:0)
尝试使用FireBug,也许您会发现<body>
标记比您想象的要小得多(高度)。
我已将background: ...
从<body>
标记移动到包含整个内容(与<div>
动态增长)的实际<body>
以及背景在那里是可重复的......