为什么此代码不会按预期更改背景图像？

Question

我有这个JQuery代码（在名为 home_main_post.js 的文件中）：

$(document).ready(function() {
    searchQuery();
});
function searchQuery() {
    var searchBoxIcon = $('i.main.search.link.icon');
    var searchInput = $('.prompt.search-box');
    searchBoxIcon.click(function() {
        $('body').css('background-image', 'linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.0)), url(../Images/library_background.png)');
    })
}

现在的问题是，当我点击我的搜索按钮时，它会改变背景，但只会应用线性渐变。其余的都是白色的。我认为它无法找到图像。我的文件夹结构：

我也尝试了./Images/.....，/Images/.....，但无济于事。

任何帮助将不胜感激。提前谢谢。

Answer 1

library_background有.jpg格式请查看，我也看到您突出显示了具有.png格式的home_background，请更改格式或图片  希望这可以帮助，  日Thnx。