它们有什么区别，图片只在第一种情况出现，为什么第二种情况不出现？
<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>";
最佳答案
您的 CSS 不正确。没有align 样式，使用text-align。在 background-image 之后使用冒号，并在图像 URL 周围使用 url():
style='width:34px; text-align:center; background-image:url(Images/i24_grey-info.png)'
您可能还必须将 div 的高度设置为图像的高度。
关于css - div 标签中的图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10203739/