jquery - 如何在jquery中指定的div中加载图像

Question

我需要在 fiddle http://jsfiddle.net/ramapriya/xeYnv/5/ 中提到的每个动态生成的 div 中添加下面附加的透明图像

for (var i = 0; i < columns; i++) {
    var $col = $("<div />", {
        class: "col",
        style: "background: " + get_random_color() + ";",
        id : ii + "-" + i
    });
    $row.append($col);
}

Answer 1

您可以在这一行尝试这种方式:

改变这一行:

style: "background: " + get_random_color() + ";",

用这个:

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat;",

其中 http://i.stack.imgur.com/OBZ7q.png 是图片的路径。

Demo Fiddle

编辑:

你可以这样放置随机颜色:

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat" + 
                    get_random_color() + ";",

Updated Fiddle with random colors and background image