Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/wix/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript代码在Safari上未显示背景图像_Javascript_Html_Css_Cross Browser - Fatal编程技术网

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

使用JavaScript代码在Safari上未显示背景图像,javascript,html,css,cross-browser,Javascript,Html,Css,Cross Browser,我已经在不同的浏览器上测试了我目前正在开发的网站。在Safari出现错误并且没有加载我编写的背景图像之前,它看起来都很好 我测试过的其他浏览器工作正常 我在想,也许我使用的代码与Safari不兼容。 如果你有任何使用JavaScript声明背景图像的技巧,请教我 $("#homebtn1").click(function() { $("#home").css({"background-image":"url(images/New/17.jpg)","background-position":

我已经在不同的浏览器上测试了我目前正在开发的网站。在Safari出现错误并且没有加载我编写的
背景图像之前,它看起来都很好

我测试过的其他浏览器工作正常

我在想,也许我使用的代码与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图像错误的示例图片


尝试添加背景属性

   background-size: cover;
或者在jQuery中

 "background-size":"cover",
这可能会使它起作用


希望这有帮助。:)

您正在使用jquery吗?此外,还可以为位置和图像设置
背景:
属性,该属性较短;)是的,先生,我正在使用jQuery