如何在jquery中设置图像元素的背景颜色

时间:2016-01-11 00:28:47

标签: jquery css

我动态创建了图像元素。我想设置图像元素的背景颜色。它不适用于以下代码。

var img = $('<img />', {
                id: 'img1',
                src: '/ProductImages/' + products[1].PictureFileName
            }).appendTo(span);
            img.width(150); img.height(200);
            img.css('background-color', '#efeeef');
            img.className = 'bkcolor';

2 个答案:

答案 0 :(得分:2)

您的img src是否指向透明图片?我使用Google图像创建了一个codepen,它似乎有效。 Check it out here

答案 1 :(得分:1)

jQuery中不存在className属性。

尝试使用img.addClass(&#39; bkcolor&#39;)

var img = $('<img />', {
                id: 'img1',
                src: '/ProductImages/' 
            }).appendTo(span);
            img.width(150); img.height(200);
            img.css('background-color', '#efeeef');
            img.addClass('bkcolor')