Webkit使用jQuery更改背景图像

Question

我不知道为什么这段代码不适用于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)');

但仍然不起作用。

Answer 1

您将图像文件（image.png）放在哪里？ 如果与.html文件位于同一目录中，则可以尝试此操作

$（'＃id'）。css（'background-image'，'url（“ image.png”）'）;

Answer 2

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

后一个示例允许使用多个规则。 查看API以获得更多详细信息。

编辑：通过检查控制台，确保您的图像路径正确。 那应该告诉您是否正在获取404。