我使用bootstrap框架重複背景圖像的小問題,但我很初學。我已經嘗試了很多方法,沒有任何工作。 你能幫我嗎?我試過例如:使用bootstrap重複背景圖像3
<style>
html, body {
background: url("img/bg-pattern.png") repeat;}
</style>
我使用bootstrap框架重複背景圖像的小問題,但我很初學。我已經嘗試了很多方法,沒有任何工作。 你能幫我嗎?我試過例如:使用bootstrap重複背景圖像3
<style>
html, body {
background: url("img/bg-pattern.png") repeat;}
</style>
您的路徑可能不正確。據我所知,bootstrap具有與您的代碼所建議的不同的文件夾結構。試試這個:
body {
margin: 0;
background: url("../img/bg-pattern.png") repeat;
}
我無法重現您的問題on JSFiddle。出於這個原因,我只能假設你的圖像路徑是無效的。
在指定img/bg-pattern.png
時,您指向bg-pattern.png
文件,該文件包含在與CSS相同的文件夾中的img
文件夾中。這是假設的文件夾結構:
img
myHtml.html // Where your style element is included
確保您「IMG/BG-pattern.png」出現在你的文件存在於同一文件夾 別人給的圖像的絕對路徑。
嘗試使用FireBug,也許您會看到<body>
標籤比您想象的小得多(高度)。
我搬到我的background: ...
從<body>
標籤包含整個內容的實際<div>
(其中動態增長VS的<body>
)和背景是可重複的有...
是'IMG/BG-模式.png'有效的路徑? –
是的,它是有效的路徑。 – user3201802
您的圖片是否至少顯示一次? –