css - 由 GitHub Pages 托管时无法看到背景图片

Question

我一直在尝试更正路径，以便在托管在 GitHub 上时显示我的背景图片。我可以在从 Brackets 查看我的应用程序时显示它，而不是在托管时显示。我的 CSS 绝对有效，但我似乎无法显示我的图像。我一直在查看其他线程，但似乎没有什么不同。任何帮助，将不胜感激。我的网站 repo https://github.com/Jennp1987/644_final

My CSS...
#backgroundImage {
padding-top: 3%;
padding-bottom: 97%;
background-image: url('https://jennp1987.github.io/644_final/images/pizza_bkground.png');
background-size: cover;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

/*I've also tried this*/
/*#backgroundImage {
    padding-top: 3%;
    padding-bottom: 97%;
    background-image: url('../../../images/pizza_bkground.png'); 
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;


}*/
/*And this*/
/*#backgroundImage {
    padding-top: 3%;
    padding-bottom: 97%;
    background-image: url('../images/pizza_bkground.PNG'); 
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;


}
*/

Answer 1

在第十次尝试之后上面的代码成功了!

背景图片:url('https://jennp1987.github.io/644_final/images/pizza_bkground.png');