jquery和多个css3的背景

Question

试图让一个令人沮丧的代码函数正确地看到作为jQuery不包括多个后台功能呢。

我有一个图像的背景，我需要添加另一个事件。不幸的是，当我做这个事件时，背景出现在另一个（好！）上，但是jquery代码也刷新了旧图像，从而在事件中出现白色闪光。

有什么办法可以让这个代码的功能，以便当事件被触发时，旧的背景仍然存在，新的只是添加？

$('#box').hover(function() { 
    $('#slide').css("background", "url('bg_top.png') no-repeat center, 
    url('bg_bottom.jpg') no-repeat center"); 
}); 

事件实际上不会在最终版本中悬停，只是用测试（所以没有CSS：悬停东西:-(）

感谢您的帮助:-)

！

Answer 1

我宁愿建议你使用它在一个单独的类分开像

.hovered { 
background: url('bg_top.png') no-repeat center, 
      url('bg_bottom.jpg') no-repeat center; 
} 

JS：

$('#box').hover(function() { 
    $('#slide').addClass('hovered'); 
}, function() { 
    $('#slide').removeClass('hovered'); 
}); 

这不会影响现有背景。