我一直在尝试更正路径,以在托管在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/

10-12 06:28