使用JavaScript代码在Safari上未显示背景图像
我已经在不同的浏览器上测试了我目前正在开发的网站。在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不兼容。
如果你有任何使用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