浏览器找不到背景图像的文件

browser can't find file for background image

本文关键字：文件 图像 背景 找不到 浏览器      更新时间：2023-09-26

我正在尝试使用本地文件作为背景图像，当我通过文本编辑器预览它时它可以工作，但是当我将更改推送到我的 github 页面时，控制台返回GET http://davez01d.github.io/images/background-1.PNG 404 (Not Found) .这是加载背景图像的脚本 - 

var backgroundImages = [
    {url: '../images/background-1.PNG', credit: 'http://www.intrawallpaper.com'},
    {url: '../images/background-2.JPG', credit: 'David Stewart'},
    {url: '../images/background-3.JPG', credit: 'David Stewart'},
    {url: '../images/background-4.GIF', credit: 'http://jecichon.tumblr.com'},
  ];
  $('#hero').css('background-image', 'url(' + backgroundImages[Math.floor(Math.random()*backgroundImages.length)].url + ')');

我的文件结构是这样设置的

-Davez01d.github.io
  -css
    -style.css
   -images
     -background-1.PNG
     -background-2.JPG
     -etc.

github上的文件扩展名是小写的。将 PNG、JPG、GIF 替换为 PNG、JPG、GIF 即可工作。

相关文章：