使用bootstrap 3重复的背景图像

时间:2014-01-16 10:18:55

标签: css twitter-bootstrap background-image twitter-bootstrap-3 repeat

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

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

4 个答案:

答案 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>以及背景在那里是可重复的......