大家好，我在HTML5和JavaScript的工作，我被困在一個問題無法設置圖像的背景圖像
所以我DIV這我動態追加這樣
container.append('<div id=del_' + container_id + ' style = " background-image: url(' + "del_btn.png" + ') no-repeat center center;"/>');
我的DIV是創建，但我無法看到背景圖像可以任何人指導我什麼是錯誤。
感謝
你說，這是在同一個文件夾中的文件javacript。
例如，如果您的JS文件駐留在不同的文件夾中的HTML頁面，說scripts
你就需要修改圖像路徑太像'scripts/del_btn.png'
好吧現在得到它。其實我有我的* .js文件和圖像在JS文件夾和我的HTML是在它外面。所以在我的file.js我必須給路徑WHT html.thanks – 2012-08-09 19:24:14
嘗試
container.append('<div id=del_' + container_id + ' style = " background-image: url(\'del_btn.png\') no-repeat center center;"/>');
你不要求+這裏
編輯逃脫「
其說意外的字符串 – 2012-08-09 19:12:21
更新了我的答案。現在檢查 – 2012-08-09 19:16:14
使用background代替background-image，因爲background-image只接受圖像的URL作爲值。
container.append('<div id=del_' + container_id + ' style = " background: url(' + "del_btn.png" + ') no-repeat center center;"/>');
，並設置CSS的股利
display: block;
width: 100px; /* for example */
height: 100px; /* for example */
它仍然不工作。我的div高度是在百分比 – 2012-08-09 19:11:20
看到一個示例工程http://jsfiddle.net/3sVMR/。你必須給寬度和高度，或者應該有一些內部的div內容。如果你給百分比寬度和高度，那麼它的父元素應該有有效的寬度和高度。 – Diode 2012-08-09 19:31:16
這個問題可能是路徑圖片。就像在你的例子中，圖像需要和html一樣在同一個文件夾中。如果您將其放在網站根目錄的子文件夾中，請說'腳本'，路徑應爲/scripts/del_btn.png。
謝謝@ jmosbech .....得到它了 – 2012-08-09 19:28:18
路徑不正確？文件系統中的圖像在哪裏？或者，也許，你的div是零寬度/零高度？ – 2012-08-09 18:34:56
它在同一個文件夾，我已經保存了我的js文件 – 2012-08-09 18:36:47
嘗試設置絕對路徑（用於測試目的） – 2012-08-09 18:39:34