使用jQuery無法在firefox中復制背景從一個元素復制到另一個元素

Question

這是一個jsfiddle - http://jsfiddle.net/XcC5d/1/

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

單擊前3個.select div中的任何一個時，它會復制背景css值並將其設置為帶有紅色邊框的結果。

這適用於safari和chrome，但不適用於Firefox。 任何幫助將不勝感激。

Answer 1

請嘗試以下方法：

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

Answer 2

您應該設置CSS的background-image屬性。 像這樣： 更新你的小提琴

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

編輯：該死，幾秒鍾太晚了:)