它们之间有什么区别。图像只出现在第一种情况下。为什么不出现在第二种情况下？
<div id='" + this.panelId + "Icon-1" + "' style='width:34px;align:center;' class='iconDiv'><img id="+"Img"+ this.panelId+" src="+"Images/i24_grey-info.png"+" /></div>
<div id='" + this.panelId + "Icon-1" + "' style='width:34px;align:center; background-image:Images/i24_grey-info.png' class='iconDiv'></div>
感谢所有人。这有效！但我得到4张图片...我的意思是图像重复4次:(为什么会这样？
this.iconDiv = "<div id='" + this.panelId + "Icon-1" + "' style='width:34px;height:34px; align:center;background-image: url(Images/i24x24_info.png);' class='iconDiv'></div>";
答案 0 :(得分：2)
您的CSS不正确。没有align样式，请使用text-align。在background-image之后使用冒号，并在图片网址周围使用url()：
style='width:34px; text-align:center; background-image:url(Images/i24_grey-info.png)'
您可能还需要将div的高度设置为图像的高度。
答案 1 :(得分：2)
替换
background-image:Images/i24_grey-info.png;
通过
background:url('Images/i24_grey-info.png') no-repeat;
之前我遇到过类似的情况。尝试尽可能使用速记代码。
答案 2 :(得分：0)
在第一行中您将gray-info.png传递给img标签但是在第二行中您将其传递给background-img
答案 3 :(得分：-1)
使用background-image时，也为div设置高度：
<div id='" + this.panelId + "Icon-1" + "' style='width:34px;height:34px;align:center; background-image='Images/i24_grey-info.png' class='iconDiv'></div>"
答案 4 :(得分：-1)
您的css语法错误。应该是：
style='width:34px; align:center; background-image: (Images/i24_grey-info.png)'
另一个问题与div高度有关，当没有内容时，div高度默认设置为0。您必须设置高度才能看到图像：
style='width:34px; height: 50px; align:center; background-image: (Images/i24_grey-info.png)'