Copier l’arrière-plan d’un élément à un autre en utilisant jQuery ne fonctionnant pas dans Firefox

Voici un jsfiddle – http://jsfiddle.net/XcC5d/1/

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

Lorsque vous cliquez sur l’un des trois premiers divs .select, il copie la valeur css d’arrière-plan et le définit comme résultat avec la bordure rouge.

Cela fonctionne dans safari et chrome mais pas dans firefox. Toute aide serait grandement appréciée.

Essayez ce qui suit:

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

Vous devez définir la propriété background-image du CSS. Comme ceci: Mise à jour de votre violon

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

Edit: Zut, quelques secondes trop tard 🙂