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文件位于同一目录中，则可以尝试此

$（ '＃标识'）的CSS（ '背景图像'， 'URL（ “image.png”）'）;

Answer 2

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

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

编辑：检查控制台，确保您的图片路径正确无误。这应该告诉你，如果你得到404。

Webkit使用jquery更改背景图像

2 个答案: