使用jQuery将背景从一个元素复制到另一个元素在Firefox中不起作用答案

【问题标题】：Copy background from one element to another using jQuery not working in firefox使用jQuery将背景从一个元素复制到另一个元素在Firefox中不起作用
【发布时间】：2014-03-08 01:06:42
【问题描述】：

这是一个 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。任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery css firefox

【解决方案1】：

尝试以下方法：

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

【讨论】：

非常感谢！像魅力一样工作。

【解决方案2】：

您应该设置 CSS 的 background-image 属性。像这样：Update of your fiddle

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

编辑：该死，晚了几秒钟:)

【讨论】：