即时更改背景图像属性

时间:2010-12-31 14:17:14

标签: css firefox google-chrome background-image

适用于Firefox,但不适用于Chrome:通过jQuery更改css属性'background-image'。

我正在尝试为我的网站设计主题样式,并且我已经制作了一些颜色选项,但是背景图像属性似乎无法通过Chrome中的处理程序.css进行更改

$('#h_background').css('background-image',"url('backgrounds/h_"+currentTheme+".png'");

然而,它在FF中工作正常;任何建议=)?

编辑:加载将background-image属性定义为其他内容的新样式表工作正常。我觉得很奇怪,明确宣布它似乎不起作用=(

2 个答案:

答案 0 :(得分:1)

尝试在load事件中包装代码:

$(window).load(function(){
  // your code for the image
});

答案 1 :(得分:1)

你在.png之后的网址末尾错过了。它应该是

"url('backgrounds/h_"+currentTheme+".png')"