2016-01-11 146 views
1

我已经动态地创建了图片元素。我想设置图像元素的背景颜色。它不适用于下面的代码。如何在jquery中设置图片元素的背景颜色

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'; 
+0

你的第一个陈述毫无意义!请添加HTML代码以帮助我们给您一个答案。 – cFreed

+0

我使用ID和图像文件创建了图像项目。图像以分区显示。但我无法改变我需要的背景颜色。 –

+0

对不起,我的不好:我误解了你的第一个陈述,我必须撤回“没有意义”!另一方面,我不知道它是否完全解决了你的问题,但至少你必须使用'img.addClass()'而不是'img.className',正如@juporag所述。 – cFreed

回答

1

className属性在jQuery中不存在。

尝试img.addClass( 'bkcolor')

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

我的图像用白色填充,由于它不起作用。 –

2

imgsrc指向一个透明的形象?我使用Google图片创建了一个codepen,它似乎工作。 Check it out here

+0

我验证了你的答案。感谢您的回复。但是什么可能是不在我的项目中工作的原因。我正在使用visual studio 2013. –

+0

您的图像是否透明?你能指出你的示例图片中的一个,或者将它附加在这里吗? – Matt