0

我使用bootstrap框架重複背景圖像的小問題,但我很初學。我已經嘗試了很多方法,沒有任何工作。 你能幫我嗎?我試過例如:使用bootstrap重複背景圖像3

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

是'IMG/BG-模式.png'有效的路徑? –

+0

是的,它是有效的路徑。 – user3201802

+0

您的圖片是否至少顯示一次? –

回答

1

您的路徑可能不正確。據我所知,bootstrap具有與您的代碼所建議的不同的文件夾結構。試試這個:

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

我無法重現您的問題on JSFiddle。出於這個原因,我只能假設你的圖像路徑是無效的。

在指定img/bg-pattern.png時,您指向bg-pattern.png文件,該文件包含在與CSS相同的文件夾中的img文件夾中。這是假設的文件夾結構:

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

確保您「IMG/BG-pattern.png」出現在你的文件存在於同一文件夾 別人給的圖像的絕對路徑。

0

嘗試使用FireBug,也許您會看到<body>標籤比您想象的小得多(高度)。

我搬到我的background: ...<body>標籤包含整個內容的實際<div>(其中動態增長VS的<body>)和背景是可重複的有...