根据类的背景设置页面背景颜色？

Question

我想从此CSS中提取background，然后使用它来设置页面的background-color：

.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

到目前为止我的jQuery：

$(function() {
    var color = $(".ui-widget-header").css("background");
    //var color = "black"; // works fine when uncommented
    $(document.body).css("background-color", color);
});

我知道因为注释掉的线路工作并且将页面的背景设置为黑色，所以我并不遥远。我认为问题是.ui-widget-header中的background不是简单的颜色，而是包含图像。

如果这确实是问题，我怎样才能提取颜色（＃5c9ccc）？简单的旧Javascript也可以，如果这更简单。

更多背景（没有双关语）：我正在使用jQuery-UI Themeroller，并希望根据用户选择的主题设置页面背景。

Answer 1

尝试抓住background-color：

var color = $(".ui-widget-header").css("background-color");