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

Это не повлияет на существующий фон.