Pourquoi ne puis-je pas récupérer la propriété d’arrière-plan CSS de l’élément DOM

J’essaie de définir la propriété d’arrière-plan css d’un élément sur une variable.

Mais quand je connecte mon var. pour la console, c’est une chaîne vide.

Quelqu’un peut-il voir ce que je fais mal ici?

Violon: http://jsfiddle.net/5de0e69d/

JS:

$(function () { var a1 = $("#adjust1"); var a2 = $("#adjust2"); var a3 = $("#adjust3"); var a4 = $("#adjust4"); var a5 = $("#adjust5"); var b = $("#gradient"); var c = $(b).css("background"); var count = 0; $('.click').click(function (e) { e.preventDefault(); var id = $(this).attr("id"); console.log(id); count += 1; var rotate = count * 36; switch (id) { case "adjust1": console.log(c); break; case "adjust2": console.log(c); break; case "adjust3": console.log(c); break; case "adjust4": console.log(c); break; case "adjust5": console.log(c); break; } }); }); 

background est une propriété abrégée. De http://api.jquery.com/css/ :

La récupération des propriétés CSS abrégées (par exemple, marge, arrière-plan, bordure), bien que fonctionnelle avec certains navigateurs, n’est pas garantie.

Vous devrez peut-être vérifier la background-color background-image , l’ background-image , etc.