使用JavaScript代码在Safari上未显示背景图片

Question

我已经在不同的浏览器上测试了当前正在开发的网站。一切正常，直到Safari行为异常并且不加载我编写的background-image。

我测试过的其他浏览器运行正常。

我在想，也许我使用的代码与Safari不兼容。 如果您有任何使用JavaScript声明背景图像的技巧，请教我。

$("#homebtn1").click(function() {
  $("#home").css({"background-image":"url(images/New/17.jpg)","background-position":"center"});
})

$("#homebtn2").click(function() {
  $("#home").css({"background-image":"url(images/New/18.jpg)","background-position":"center"});
})

$("#homebtn3").click(function() {
  $("#home").css({"background-image":"url(images/how.jpeg)","background-position":"center"});
})

Safari图片错误的示例图片

Answer 1

尝试添加背景属性

   background-size: cover;

或者在jQuery

 "background-size":"cover",

这可能会使它工作。

希望这会有所帮助。 ：）