0

こんにちは、私はhtml5とJavaScriptで作業していますが、問題が発生しています。

だから私はこのように動的に追加しているdivを持っています

container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');

私のdivは作成されましたが、背景画像を見ることができません。誰もが間違いを教えてくれます。

ありがとう

4

4 に答える 4

1

問題はおそらく画像へのパスです。あなたの例のように、画像はhtmlと同じフォルダにある必要があります。Webサイトのルートのサブフォルダー（「scripts」など）にある場合、パスは。である必要があります/scripts/del_btn.png。

于 2012-08-09T19:20:35.490 に答える
0

試す

container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');

+ここでは必要ありません

EDITエスケープ'

于 2012-08-09T18:35:24.903 に答える
0

画像のURLのみを値として受け入れるため、backgroundの代わりに使用します。background-imagebackground-image

container.append('<div id=del_' + container_id + ' style = " background: url(' + "del_btn.png" + ') no-repeat center center;"/>');

divのcssを設定します

display: block;
width:  100px; /* for example */
height: 100px; /* for example */
于 2012-08-09T18:52:14.280 に答える
0

javacriptファイルと同じフォルダにあるとおっしゃいました。

たとえば、JSファイルがhtmlページとは別のフォルダにある場合は、次のように言います。scripts

画像パスも次のように変更する必要があります'scripts/del_btn.png'

于 2012-08-09T19:19:21.070 に答える