0

它们之间有什么区别。图像只出现在第一种情况下。为什么没有出现在第二种情况下？

<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>";
4

5 回答 5

2

你的 CSS 不正确。没有align风格，使用text-align. background-image在图片 URL 之后和url()周围使用冒号：

style='width:34px; text-align:center; background-image:url(Images/i24_grey-info.png)'

您可能还必须将 的高度设置div为图像的高度。

于 2012-04-18T06:18:41.597 回答
2


代替

background-image:Images/i24_grey-info.png;

经过

background:url('Images/i24_grey-info.png') no-repeat;

我以前也有过类似的情况。尽量使用速记代码。

于 2012-04-18T06:27:29.167 回答
0

在第一行中，您将 gray-info.png 传递给 img 标签，但是在第二行中，您将其传递给 background-img

于 2012-04-18T06:11:53.697 回答
-1

使用背景图像时也为 div 设置高度：

<div id='" + this.panelId + "Icon-1" + "'  style='width:34px;height:34px;align:center; background-image='Images/i24_grey-info.png' class='iconDiv'></div>"
于 2012-04-18T06:11:26.880 回答
-1

您的 css 语法错误。应该：

style='width:34px; align:center; background-image: (Images/i24_grey-info.png)'

另一个问题与 div 高度有关，当其中没有内容时，默认设置为 0。您必须设置高度才能看到图像：

style='width:34px; height: 50px; align:center; background-image: (Images/i24_grey-info.png)'
于 2012-04-18T06:14:18.677 回答