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

这不会影响现有背景。