Webkit 使用 jquery 更改背景图像答案

【问题标题】：Webkit change background-image using jqueryWebkit 使用 jquery 更改背景图像
【发布时间】：2014-03-03 17:25:54
【问题描述】：

我不知道为什么这段代码在 chrome 和 safari 上不起作用，但在 mozilla 中却可以正常工作？

$('#id').css('background-image','url(/image.png)');

我也试过了

$('#id').css('background-image','url("/image.png")');
$('#id').css('backgroundImage','url("/image.png")');
$('#id').css('backgroundImage','url(/image.png)');

但还是不行。

【问题讨论】：

网络标签是否显示失败的请求？
你是在本地运行而不使用任何服务器吗？
@Marian07 打开控制台（Windows 上的 f12 或 ctrl+shift+j）并检查
@A.沃尔夫我做过，但我不知道。

标签： jquery google-chrome webkit

【解决方案1】：

您将图像文件 (image.png) 放在哪里？如果它与 .html 文件位于同一目录中，您可以试试这个

$('#id').css('background-image','url("image.png")');

【讨论】：

不是图片！

【解决方案2】：

$('selector').css('backgroundImage','url(images/myImage.jpg)');
$('selector').css({'background-image':'url(images/myImage.jpg)'});

后一个示例允许使用多个规则。 Check out the API 了解更多详情。

编辑：通过检查控制台确保图像的路径正确。这应该会告诉您是否收到 404。

【讨论】：