2016-05-15 24 views
-1

新手問題:我創建了一個GitHub的頁面,我的項目需要幫助在我的引導/角初學者的web應用程序設置背景圖片

http://grokimagecompression.github.io/grok/#/

之一通過複製網站的教程,和修改它。

源可以在這裏找到:

​​

我想設置背景圖片,類似這樣的網頁是怎麼做的:

http://blackrockdigital.github.io/startbootstrap-creative/

但到目前爲止沒有運氣。我的gh-pages分支中的圖像是img/header.jpg

任何指導將不勝感激!

+1

在主體設置研究背景圖像不適合你的選擇嗎?儘管圖像很黑,但您必須更改文字對比度。 – dewd

回答

2

我想補充的CSS

body { 
    padding-top: 50px; 
    padding-bottom: 20px; 

    background: url("img/header.jpg") no-repeat center cover; 

} 

有關背景的詳細信息檢查MDN

+0

謝謝,我試過了,但圖像沒有顯示出來。 – Jacko

+0

@jacko您是否檢查過瀏覽器中的網絡日誌,以確保瀏覽器正確地從正確的位置請求它,即正在加載? – dewd

+0

你能設置一個小提琴嗎? – Opaldes

相關問題