jQuery从元素源设置背景图像

我正在努力解决这个问题，很可能我很傻，但有人能帮我吗

当您在我的示例中滚动时，一个蓝色条会下拉下来，其中将是从页面实际设置的徽标

#logo

jQuery

$(function() {
    $(".topbarlogo").css({
        "background":"#000"
        });
    var _wrapwidth = $('#wrap').width();
    var _topbar = $("<div/>").attr({
        "id": "topbar",
        }).css({
            "width": _wrapwidth,
            "height": "50px",
            "background":"#43A6DF",
            "position": "fixed",
            "top":"0",
            "margin":"0 auto",
            "display":"none",
            "z-index":100
        });
    var _logo = $('#logo img').attr("src");
    var _topcontent = $("<div/>").append("<div id='topbarlogo' class='topbarlogo'></div>");
    console.log(_logo);
    $(_topbar).append(_topcontent);

    $("#wrap").prepend(_topbar);
    $(window).scroll(function(e){
        if ($(window).scrollTop() > 10) {
            console.log('>10');
            $(_topbar).slideDown();
        } else if ($(window).scrollTop() == 0) {
            console.log('0');
            $(_topbar).slideUp();
        } else {
            console.log('0');
            $(_topbar).slideUp();
        }
    });
});

$（函数（）{
$（“.topbarlogo”）.css({
“背景”：“000”
});
var_wrapwidth=$（'#wrap'）.width（）；
var\u topbar=$（“”）attr({
“id”：“顶栏”，
}).css({
“宽度”：，
“高度”：“50px”，
“背景”：“#43A6DF”，
“位置”：“固定”，
“顶部”：“0”，
“边距”：“0自动”，
“显示”：“无”，
“z指数”：100
});
var#u logo=$（'#logo img'）.attr（“src”）；
var_topcontent=$（“”）。追加（“”）；
控制台日志（_徽标）；
$（\u topbar）.append（\u topcontent）；
$（“#包装”）。前置（_顶栏）；
$（窗口）。滚动（功能（e）{
如果（$（窗口）.scrollTop（）>10）{
console.log（'>10'）；
$（_topbar）.slideDown（）；
}else if（$（窗口）.scrollTop（）==0）{
console.log（'0'）；
$（_topbar）.slideUp（）；
}否则{
console.log（'0'）；
$（_topbar）.slideUp（）；
}
});
});

试试看

var\u topcontent=$（“”）。追加（“”）；

---

演示：

.topbarlogo

无论我使用CSS还是图像，似乎都不会加载到

背景中。这很有效。但是有没有办法将图像作为背景图像发送到
#topbarlogo
？
var _topcontent = $("<div/>").append('<div id="topbarlogo" class="topbarlogo"><img src="' + _logo + '"/></div>');