Imágenes de fondo que no se muestran en las páginas de Github para el sitio web

He visto algunos otros subprocesos en Stack Overflow con respecto a este problema, pero por alguna razón no parecen estar funcionando. He comprobado cosas como el directorio de ruta para la imagen, y creo que es correcto. Aquí hay un enlace a mi repository para el sitio web en las páginas de github: https://github.com/lawrencecheng123/lawrencecheng123.github.io

En mi repository hay una imagen “Seattle.jpg” que trato de establecer como fondo de la primera página de mi sitio web, a la que hace referencia la clase “fstPage” en la línea 81 del archivo “index.html” y la línea 321 del archivo “index.css” en el repository.

¡Gracias por la ayuda!

Falla porque le pusiste mal a tu archivo. Dentro de tu index.css, querías usar un archivo llamado Seattle.JPG .

Su archivo se llama Seattle.jpg . Arregla el final y agrega https:// .

Aquí está el enlace correcto: https://lawrencecheng123.github.io/Seattle.jpg


CSS completo:

 .fstPage { background-image:url("http://www.miximages.com/html/Seattle.jpg"); /*background-color: lightgray;*/ height: 700px; width:100%; background-size:cover; } 

Fragmento de trabajo:

 .fstPage { background-image:url("http://www.miximages.com/html/Seattle.jpg"); /*background-color: lightgray;*/ height: 700px; width:100%; background-size:cover; } 
 

primero importa el archivo index.css en tu archivo index.html como

cambio (1):

  

y luego tienes que actualizar tu clase como se menciona a continuación

cambio (2):

 .fstPage { background-image:url("Seattle.jpg"); /*background-color: lightgray;*/ height: 700px; width:100%; background-size:cover; } 

y espero que te funcione bien también