0

それらの違いは何ですか。画像は最初のケースでのみ表示されます。2番目のケースでは表示されないのはなぜですか?

<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 タグに渡していますが、2 行目では background-img に渡しています

于 2012-04-18T06:11:53.697 に答える
-1

css構文が間違っています。する必要があります：

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

もう1つの問題は、divの高さに関連しています。divの高さは、コンテンツが含まれていない場合、デフォルトで0に設定されています。次に、画像を表示するために高さを設定する必要があります。

style='width:34px; height: 50px; align:center; background-image: (Images/i24_grey-info.png)'
于 2012-04-18T06:14:18.677 に答える
-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>"
于 2012-04-18T06:11:26.880 に答える