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'); 
}); 

這不會影響現有背景。