为什么此代码没有按预期更改背景图像？答案

【问题标题】：Why is this code not changing the background-image as expected?为什么此代码没有按预期更改背景图像？
【发布时间】：2015-12-16 11:05:15
【问题描述】：

我有这个 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/.....，但无济于事。

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

【问题讨论】：

尝试像url(http://placehold.it/64/fff000)这样的绝对路径
同时检查您的浏览器开发工具 -> 网络选项卡以查看请求的图像 URL 是什么
为什么不在body 中添加一个类并在 CSS 中处理所有内容？
@skip405 我需要更改点击按钮的背景。
是的，.click($(body).addClass('body-with-a-different-background')) 和 CSS - .body-with-a-different-background { background: red }

标签： javascript jquery html css background

【解决方案1】：

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

【讨论】：