2012-08-09 59 views
0

大家好,我在HTML5和JavaScript的工作,我被困在一个问题无法设置图像的背景图像

所以我DIV这我动态追加这样

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

我的DIV是创建,但我无法看到背景图像可以任何人指导我什么是错误。

感谢

+0

路径不正确?文件系统中的图像在哪里?或者,也许,你的div是零宽度/零高度? – 2012-08-09 18:34:56

+0

它在同一个文件夹,我已经保存了我的js文件 – 2012-08-09 18:36:47

+0

尝试设置绝对路径(用于测试目的) – 2012-08-09 18:39:34

回答

0

你说,这是在同一个文件夹中的文件javacript。

例如,如果您的JS文件驻留在不同的文件夹中的HTML页面,说scripts

你就需要修改图像路径太像'scripts/del_btn.png'

+0

好吧现在得到它。其实我有我的* .js文件和图像在JS文件夹和我的HTML是在它外面。所以在我的file.js我必须给路径WHT html.thanks – 2012-08-09 19:24:14

0

尝试

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

你不要求+这里

编辑逃脱“

+0

其说意外的字符串 – 2012-08-09 19:12:21

+0

更新了我的答案。现在检查 – 2012-08-09 19:16:14

0

使用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 */ 
+0

它仍然不工作。我的div高度是在百分比 – 2012-08-09 19:11:20

+0

看到一个示例工程http://jsfiddle.net/3sVMR/。你必须给宽度和高度,或者应该有一些内部的div内容。如果你给百分比宽度和高度,那么它的父元素应该有有效的宽度和高度。 – Diode 2012-08-09 19:31:16

1

这个问题可能是路径图片。就像在你的例子中,图像需要和html一样在同一个文件夹中。如果您将其放在网站根目录的子文件夹中,请说'脚本',路径应为/scripts/del_btn.png

+0

谢谢@ jmosbech .....得到它了 – 2012-08-09 19:28:18