使用jQuery无法在firefox中复制背景从一个元素复制到另一个元素

Question

Here's a jsfiddle - http://jsfiddle.net/XcC5d/1/

$('.select').on('click', function(event){
    $('.result').css('background', $(event.target).css('background'));
});

When clicking on any of the first 3 .select divs, it copies the background css value and sets it to the result with the red border.

This works in safari and chrome but not in firefox. Any help would be greatly appreciated.

Answer 1

Try the following:

$('.select').on('click', function(event){
    $('.result').css('background', $(event.target).css('background-image'));
});

Answer 2

You should set the background-image property of the CSS. Like this: Update of your fiddle

$('.select').on('click', function(event){
    $('.result').css('background', $(event.target).css('background-image'));
});

Edit: Damn, few seconds too late :)