我一直在尝试更正路径,以在托管在GitHub上时显示我的背景图片。从Brackets查看我的应用程序时,我可以显示它,而不是在托管时显示。我的CSS确实可以正常工作,但是我似乎无法显示我的图像。我一直在寻找其他线程,但似乎没有什么不同。任何帮助,将不胜感激。我的网站回购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;
}
*/
最佳答案
在第十次尝试之后,上面的代码起作用了!
背景图片:url('https://jennp1987.github.io/644_final/images/pizza_bkground.png');
关于css - 由GitHub Pages托管时看不到背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59709540/